JQuery $() 사용법 요약

php中世界最好的语言
풀어 주다: 2018-06-04 11:59:07
원래의
2300명이 탐색했습니다.

이번에는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿