Jquery에서 요소를 얻는 6가지 방법 요약-JS 튜토리얼-php.cn

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

伊谢尔伦

풀어 주다： 2017-06-19 15:05:16

원래의

2078명이 탐색했습니다.

1. 예를 들어

$("p[id]").css("color","red");

로그인 후 복사

페이지의 p 태그에 ID가 있는

속성

요소를 가져오려면 속성 값을 기준으로
1.$ 요소를 가져옵니다. jQuery $("")에서 이 구문은 $(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 중국어 웹사이트의 기타 관련 기사를 참조하세요!