jQuery 연구 노트: jQuery의 $_jquery

jQuery에서 가장 일반적으로 사용되는 것은 다양하고 풍부한 기능을 제공하는 달러 기호 $입니다. 페이지에서 하나 또는 유형의 요소 선택, 기능적 기능으로 접두사 추가, windows.onload 개선, DOM 노드 생성 등을 포함합니다. 이 기사에서는 jQuery의 사용법을 소개합니다. 기본으로

1. 선택자

CSS에서 선택기의 기능은 페이지에서 특정 유형의 요소(카테고리 선택기) 또는 요소(ID 선택기)를 선택하는 것입니다. 선택기로서 jQuery의 "$"도 특정 유형이나 요소를 선택하지만 jQuery는 보다 포괄적인 선택 방법을 제공합니다. 그리고 사용자의 브라우저 호환성 문제를 해결합니다.

예를 들어 css

아래의 요소에서 css는 다음과 같습니다.

h2a{
/* CSS 속성 추가 */}
jQuery에서 다음 코드를 사용하여 h2 아래의 a 요소를 javascript에서 사용할 객체 배열로 선택합니다.

$("H2a")
예:

코드 복사 코드는 다음과 같습니다.

         

$(선택기) 또는

jQuery(선택기)

그 중 선택기는 CSS 표준, 심지어 CSS3 표준도 준수합니다

예:

$("#showDiv")

id 선택기는 JavaScript의 document.getElementById("shouDiv")와 동일합니다. jQuery의 색상 변경 방법이 훨씬 간단하다는 것을 알 수 있습니다.

$(".newClass")

카테고리 선택기는 CSS 카테고리가 "newClass" 요소인 노드를 선택합니다. JavaScript에서 동일한 선택을 수행하려면 for 루프를 사용하여 전체 DOM을 탐색해야 합니다

$("p:odd")
홀수 행의 모든 ​​p 요소를 선택합니다. ":odd" 및 ":even"을 사용하여 홀수 및 짝수 선택을 선택하는 데 거의 모든 태그를 사용할 수 있습니다.

$("td:n번째-자식(1)")
모든 테이블 행 중 첫 번째 열인 첫 번째 셀을 선택합니다. 이는 테이블을 행별로 탐색할 필요 없이 테이블의 열을 수정할 때 매우 유용합니다.

$("li>a")
하위 선택자는

아래에 표시된 요소를 반환하며, 손자 요소 표시 는 제외됩니다.

$("a[herf$=pdf]")
속성 선택기는 pdf로 끝나는 모든 하이퍼링크를 선택합니다. 속성 선택기를 사용하면 페이지에서 다양한 특성을 가진 요소를 쉽게 선택할 수 있습니다

요약:

$는 jQuery의 다른 이름입니다

그리고 jQuery는 jQuery 라이브러리에서 제공하는 함수입니다. (jQuery.ajax(options)와 동등한 $.ajax(options)를 사용하는 경우도 있기 때문에 단순한 함수는 아닌 것 같습니다.)

이 함수의 기능은 ()의 매개변수를 기반으로 html 문서의 요소를 검색하고 선택하는 것입니다. 함수의 기능 중 하나는 GetElementByID를 대체하는 것이지만 ()는 ID일 뿐만 아니라 다양한 선택자