jQuery 구문

jQuery 구문

jQuery 구문은 HTML 요소를 선택하고 선택한 요소에 대해 특정 작업을 수행하는 것입니다.

기본 구문: $(selector).action()

달러 기호 정의 jQuery

Selector(selector) "쿼리" 및 "찾기" HTML 요소

jQuery의 action()은 요소에 대한 작업을 수행합니다

예:

$(this).hide() - 현재 요소 숨기기

$("p").hide() - 모든 <p> 요소 숨기기

$("p.test") .hide () - class="test"인 모든 <p> 요소 숨기기

$("#test").hide() - id="test"인 모든 요소 숨기기

문서 준비 이벤트

You 우리 예제의 모든 jQuery 함수는 문서 준비 함수에 있다는 것을 알아차렸을 것입니다:

$(document).ready(function(){
// jQuery 코드 작성 시작...
}); 문서가 완전히 로드(준비)되기 전에 jQuery 코드가 실행되는 것을 방지하는 것입니다.

문서가 완전히 로드되기 전에 기능을 실행하면 작업이 실패할 수 있습니다. 다음은 두 가지 구체적인 예입니다.

존재하지 않는 요소 숨기기

불완전하게 로드된 이미지의 크기 가져오기

팁: 간결한 쓰기(위와 동일한 효과):

$(function(){

// jQuery 코드 작성 시작...

});

문서가 준비된 후 jQuery 메소드를 실행하기 위해 원하는 메소드를 선택할 수 있습니다.

지속적인 학습
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").empty(); }); }); </script> </head> <body> <div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:green;"> <p>这是一段内容</p> <p>这还是一段内容</p> </div> <br> <button>清空框里内容</button> </body> </html>
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~