JQuery 빠른 시작 자습서 2

2649 단어 jquery
1. jQuery 구문: $(selector).action()
달러 기호 정의 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 ----});
 

좋은 웹페이지 즐겨찾기