JQuery $() 사용법 요약

이번에는 JQuery $() 사용법에 대해 정리해보겠습니다. JQuery $() 사용 시 주의사항은 무엇인가요? 다음은 실제 사례입니다.

JQuery $() 사용법: 표현식 가져오기, 요소 가져오기, 함수 가져오기의 세 가지 주요 유형이 있습니다.

1, tag selector$('p'), class selector$('.myClass'), id selector$('#myId')는 상대적으로 간단해서 할 말이 많지 않습니다. 하지만 한 가지가 있습니다. $('p>ul')과 $('p>ul') 사이에는 차이점이 있습니다.

$('p>ul')은

find

그리고 $('p ul')은

의 모든 하위 항목 중에서

을 검색합니다.
따라서 $('#sId>li')는 ID가 "sId"인 모든
• 하위 노드를 선택합니다.
• for.Scope(발견된 DOM 개체는 해당 수준의 DOM 개체일 뿐입니다.) 그리고 $('#sId li:not(.horizontal)')은 클래스 이름 "sId"에 있는 li의 모든 자손이 수평 클래스의 모든 요소를 ​​갖고 있지 않음을 의미합니다. ——not() 여기에는 부정이 있습니다.

  여기서 반환되는 것은 배열 객체인 jQurey 객체입니다. 이 jQuery 객체의 길이는 .length()로 얻을 수 있습니다.

  2.
  속성 선택기
  입니다. []에 @가 없습니다. 이는 []가 해당 요소의 자손임을 나타냅니다. $('ul li') 및 $('ul[li]')는 모두 jQuery 배열을 반환하지만 의미는 정반대입니다. 전자는

  아래의
  • 의 모든 하위 항목을 찾는 것이고, 후자는 하위 항목이
  • 인
    배열을 찾는 것입니다.
    XPath에서 "...로 시작하는" 속성을 찾으려면 ^=를 사용하세요. 이름 속성이 mail로 시작하는 입력 요소를 찾으려면
    $('input[@name^=" mail" ]')
    "...로 끝나는" 속성을 찾으려면 $=를 사용하세요.
    "시작이나 끝이 없는" 속성을 찾으려면 *=
    3을 사용하세요. 위에 속하지 않는 선택자 - 언급된 CSS 및 XPath는 ":"으로 표시되는 사용자 정의 선택기입니다. 여기서 사용할 항목은 first, :last, :parent, :hidden, :visible, :odd, :even, :not('입니다. xxx'), " :eq(0)" (0에서 시작), :nth(n), :gt(0), :lt(0), :contains("xxx")
    예: $('tr :not([th] ; ), DOM 노드가 특정 작업을 수행한 후 관련 노드에서 유사한 작업을 수행하려고 할 때 이 메서드를 사용해야 하므로 여기에서는 end()가 사용됩니다. end() 메서드를 사용한 후 반환되는 것은 작업을 수행하는 노드의 상위 노드입니다. 예를 들어
    $(...).parent().find(...).addClass().end()
    여기서 작업을 수행하는 노드는 배열 객체인 find(...)입니다. 액션은 "addClass()"이고, 이때 반환되는 내용은 "addClass()" 액션을 수행하는 배열 객체인 parent()가 가리키는 노드를 가리킨다. 의 부모 노드입니다.
    5. DOM 요소에 직접 액세스하려면 $('#myelement')[0으로 축약할 수도 있는
    $('#myelement').get(0)과 같은 get(0) 메서드를 사용할 수 있습니다. ] ​ ​

    
    이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
    
    추천도서 :
    
    

    페이지, 조회 가능 영역, 화면 등의 너비 및 높이 속성을 조작하는 방법

    웹 저장소 사용 방법
    

    위 내용은 JQuery $() 사용법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!