>웹 프론트엔드 >JS 튜토리얼 >JQuery 선택기 xpath 구문 application_jquery

JQuery 선택기 xpath 구문 application_jquery

WBOY
WBOY원래의
2016-05-16 18:27:392456검색

예를 들어, 다음 HTML 코드

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

< ul>
< ;li class="aaaa" title="ttt">li-1
  • li-2
  • li-2


  • li-1

    li-2

    li-2




    아니요. E[@attr] $("[@title]").click()을 선택하는 방법........

    즉, 속성을 기반으로 모든 요소를 ​​선택합니다. 제목 속성이
    인 요소는
  • li-1

  • li- 2

  • li-1



    $("div[@title]").click()..........

    아래에서 제목이 있는 모든 요소 선택 모든 div 태그
    즉,
    li-1

    li-2< ;/div>


    두 번째 방법은 E[@attr=val]
    $("div[@title=ttt]").click( )... ..........

    제목 속성이 ttt
    인 div 아래의 모든 요소를 ​​선택합니다. 즉,
    li- 1


    $("[@title=ttt]").click()인 경우..........

    속성 제목이 ttt
  • li-1

  • li-1


    세 번째 방법은 속성 값의 시작 문자를 기준으로 E[@attr^=val]을 선택하는 것입니다. ("div[@title^=t]" ).click()..............

    모든 div 요소 아래의 모든 속성 제목 값은 t로 시작하는 요소입니다


    세 번째 방법은 속성 값의 시작 문자를 기준으로 E[@attr$=val]을 선택하는 것입니다.

    $("div[@title$=t]" ).click()....... .......

    모든 div 요소 아래의 모든 속성 제목 값은 t로 끝나는 요소입니다.

    세 번째 방법은 문자가 포함된 속성값을 기준으로 E[@attr*=val을 선택하는 것입니다. ]

    $("div[@title*=t]").click()...... .....

    모든 div 요소 아래 모든 속성 제목의 값은 t를 포함하는 모든 요소입니다.


    세 번째 옵션은 E[@attr=val][@을 선택하는 것입니다. attr=val] 여러 속성 기반

    $ ("div[@title=ttt][@class=aaaa]").click()........... .
    모든 div 요소 아래의 모든 속성 제목 값은 값이 ttt이고 속성 클래스가 aaaa인 요소
    입니다.
    성명:
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.