JQuery 빠른 시작 자습서 2
2649 단어 jquery
달러 기호 정의 jQuery선택기(selector) 조회 및 찾기 HTML 요소jQuery의 action () 은 요소에 대한 작업을 수행합니다 예제
$(this).hide() - 현재 요소 숨기기
$("p").hide() - 모든 단락을 숨깁니다.
$("p.test").hide() - 모든 class="test"단락을 숨깁니다.
$("#test").hide() - 모든 id= "test"요소 숨기기
1、$(this).hide()는 현재 HTML 요소를 숨기는 jQuery hide() 함수를 보여줍니다.
<html>
<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<button type="button">Click me</button>
</body>
</html>
2. jQuery hide() 함수, id= "test"요소를 숨깁니다.
$("#test").hide();
<html>
<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("#myID").hide();
});
});
</script>
</head>
<body>
<p>If you click on me, I will dispperar</p>
<p id="myID">This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>
3、$("p").hide()는 모든
요소를 숨깁니다.
4、 $(".test").hide()는 모든 class="test"요소를 숨깁니다.
<html>
<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$(".myClass").hide();
});
});
</script>
</head>
<body>
<p>If you click on me, I will dispperar</p>
<p id="myID">This is a paragraph.</p>
<p class="myClass">This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>
2. 모든 JQuery 함수는 아래 함수에 있다
$(document).ready(function(){--- jQuery functions go here ----});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.