") 이 구문은 $(document.createElement("span"))와 동일합니다. 이는 요소를 선택할 때도 다음과 같이 사용됩니다. , 지정된 속성이 특정 값으로 끝나는 요소와 일치합니다."/> ") 이 구문은 $(document.createElement("span"))와 동일합니다. 이는 요소를 선택할 때도 다음과 같이 사용됩니다. , 지정된 속성이 특정 값으로 끝나는 요소와 일치합니다.">

 >  기사  >  웹 프론트엔드  >  Jquery에서 요소를 얻는 6가지 방법 요약

Jquery에서 요소를 얻는 6가지 방법 요약

伊谢尔伦
伊谢尔伦원래의
2017-06-19 15:05:162063검색

1. 예를 들어

$("p[id]").css("color","red");
페이지의 p 태그에 ID가 있는

속성

요소를 가져오려면 속성 값을 기준으로
1.$ 요소를 가져옵니다. jQuery $("45a2772a6b6107b401db3c9b82c049c2")에서 이 구문은 $(document.createElement("span"))와 동일하며, 요소를 선택할 때도 다음과 같이 사용됩니다. [attribute$=value]는 지정된 속성이 특정 값으로 끝나는 요소와 일치합니다. 다음은 설명하는 예입니다.
HTML 코드

<input name="newsletter" /> 
<input name="milkman" /> 
<input name="jobletter" />

j쿼리 코드:

$("input[name$=&#39;letter&#39;]")

결과:

[ <input name="newsletter" />, <input name="jobletter" /> ]



2.!. 선택기: [attribute!=value], 지정된 속성을 포함하지 않는 모든 요소와 일치하거나 속성이 특정 값과 동일하지 않습니다. 이 선택기는 not ([attr=value])와 동일합니다.
예:
HTML 코드

<input type="checkbox" name="newsletter" value="Hot Fuzz" /> 
<input type="checkbox" name="newsletter" value="Cold Fusion" /> 
<input type="checkbox" name="accept" value="Evil Plans" />

j쿼리 코드:

$("input[name!=&#39;newsletter&#39;]").attr("checked", true);

결과:

[ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]



3.*. 선택기: [속성*=값]은 지정된 속성을 특정 값을 포함하는 요소와 일치시킵니다. 예를 들어보겠습니다.
HTML 코드:

<input name="man-news" /> 
<input name="milkman" /> 
<input name="letterman2" /> 
<input name="newmilk" />

j쿼리 코드:

$("input[name*=&#39;man&#39;]")

결과:

[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]

4.@. 주어진 속성을 포함하는 요소와 일치합니다. jQuery 1.3에서는 선행 @ 기호가 더 이상 사용되지 않습니다! 최신 버전과 호환되려면 @ 기호
를 제거하세요.

5.^. 선택기: [속성^=값], 특정 값으로 시작하는 지정된 속성과 일치합니다. 설명을 위한 예는 다음과 같습니다.
HTML 코드:

<input name="newsletter" /> 
<input name="milkman" /> 
<input name="newsboy" />

j쿼리 코드:

$("input[name^=&#39;news&#39;]")

결과:

[ <input name="newsletter" />, <input name="newsboy" /> ]

6 요소 가져오기 지정된 속성이 있고 설정된 값에는 지정된 string
HTML 코드:

<input type="checkbox" name="newsletter" value="Hot Fuzz"/> 
<input type="checkbox" name="newsletter" value="Cold Fusion" /> 
<input type="checkbox" name="accept" value="Evil Plans" />

j쿼리 코드:

$("input[name$=&#39;letter&#39;][value$=&#39;zz&#39;]").attr("checked","true");支持多条件操作

물론 id 속성이나 $("input과 같은 기타 속성을 기반으로 가져올 수도 있습니다. [id=id1]").css("color",red);
jquery에서 $("input[name='metaId']").val()을 사용하면 선택한 라디오의 값을 직접 얻을 수 없습니다. , 라디오 태그의 첫 번째 값을 가져옵니다. 이는 검색을 위해 xpath 언어를 사용하는 jquery와 관련될 수 있으며 일반적으로 선택한 라디오의 값을 가져오려고 합니다. 다음 방법이 있습니다.
1, $ 사용 (" input[name='metaId']:checked").val()을 얻으려면 //name은 라디오의 이름 속성 이름을 나타냅니다
2, $(":radio:checked").val()을 사용하여 /를 얻습니다. /페이지를 하나의 그룹 라디오 태그로만 제한

위 내용은 Jquery에서 요소를 얻는 6가지 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.