jQuery 구문


jQuery를 사용하면 HTML 요소를 선택(쿼리)하고 해당 요소에 대해 "작업"을 수행할 수 있습니다.


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" 요소 숨기기

lamp
lamp你对 CSS 选择器熟悉吗?

jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。
CSS 선택기에 익숙하십니까?

jQuery에서 사용하는 구문은 XPath와 CSS 선택기 구문의 조합입니다. 이 튜토리얼의 다음 장에서는 선택기 구문에 대해 자세히 알아봅니다.

문서 준비 이벤트
우리 예제에서 모든 jQuery 함수는 문서 준비 함수에 있다는 것을 눈치챘을 것입니다:

$( document) .ready(function(){

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

});

이는 문서가 완전히 로드(준비)되기 전에 jQuery 코드가 실행되는 것을 방지하기 위한 것입니다.
  • 문서가 완전히 로드되기 전에 기능을 실행하면 작업이 실패할 수 있습니다. 다음은 두 가지 구체적인 예입니다.
  • 존재하지 않는 요소 숨기기

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

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

$( function( ){

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

});

🎜문서가 준비된 후 jQuery 메서드를 실행하려면 원하는 메서드를 선택하면 됩니다. 🎜🎜