JQuery에서 속성 또는 속성 값을 기반으로 요소 가져오기(가져오는 6가지 방법)

JQuery에서 속성 또는 속성 값을 기반으로 요소 가져오기(가져오는 6가지 방법)_jquery

WBOY

풀어 주다： 2016-05-16 17:43:33

원래의

1251명이 탐색했습니다.

속성을 기반으로 요소 가져오기

1. 예를 들어 페이지의 p 태그에 id 속성이 있는 요소를 가져오려면

코드를 복사하세요. 코드는 다음과 같습니다.

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

속성값에 따라 요소 가져오기
1.$. jQuery에서 $("") 이 구문은 $(document.createElement("span"))와 동일하며 요소를 선택할 때도 다음과 같이 사용됩니다. value]는 주어진 속성이 특정 값으로 끝나는 요소와 일치합니다. 설명을 위해 예를 들어 보겠습니다.
HTML 코드

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

>jQuery 코드:

코드 복사 코드는 다음과 같습니다. $("input[ name$='letter ']")

결과:
[ , ]

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

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

jQuery 코드:

코드 복사

코드는 다음과 같습니다. $("input[name!='newsletter']").attr("checked", true);

결과:
[ ]

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

코드 복사

코드는 다음과 같습니다.

=" newmilk" />

jQuery 코드:

코드 복사

코드는 다음과 같습니다. : $("input[name*='man']")

결과:

[ , < input name="milkman" />, ]

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

를 제거하시면 됩니다.

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

코드 복사

코드는 다음과 같습니다. >

jQuery 코드:

코드 복사

코드는 다음과 같습니다: $("input[name^='news']") 결과:

[ , ]

6 설정된 값에서 지정된 속성과 지정된 문자열을 가진 요소를 가져옵니다. 
HTML 코드: 

코드 복사

코드는 다음과 같습니다.

jQuery 코드:

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

 
$("input[name$='letter'][value$='zz' ]") .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()을 사용하여 //페이지를 하나의 라디오 세트로만 제한합니다.