JQuery에서 속성 또는 속성 값을 기준으로 요소 가져오기
1. 예를 들어 페이지 p 탭에 id가 있는 요소를 가져오려면
$("p[id]").css("color","red");속성 값에 따라 요소 얻기
1.$.jQuery에서 $(""), 이 문법은 $(document.createElement ("span") 과 같습니다. 이것은 원소를 선택할 때 이렇게 사용됩니다. [attribute $=value]. 주어진 속성과 일치하는 것은 일부 값으로 끝나는 요소입니다.다음은 예를 들어 설명한다.
HTML 코드
<input name="newsletter" />
<input name="milkman" />
<input name="jobletter" />jQuery 코드:
$("input[name$='letter']")결과:
[ , ]
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" />jQuery 코드:
$("input[name!='newsletter']").attr("checked", true);결과:
[ ]
3.*.선택기: [attribute*=value], 주어진 속성과 일치하는 것은 일부 값을 포함하는 요소입니다.예를 들어 다음과 같이 설명합니다.
HTML 코드:
<input name="man-news" />
<input name="milkman" />
<input name="letterman2" />
<input name="newmilk" />jQuery 코드:
$("input[name*='man']")결과:
[ , , ]
4.@.주어진 속성을 포함하는 요소를 일치시킵니다.jQuery 1.3에서 선도적인 @ 기호가 삭제되었습니다.최신 버전을 호환하려면 @ 기호를 간단하게 제거하면 됩니다.
그런데
5.^.선택기: [attribute^=value]. 주어진 속성과 일치하는 것은 일부 값으로 시작하는 요소입니다. 다음은 예를 들어 설명합니다.
HTML 코드:
<input name="newsletter" />
<input name="milkman" />
<input name="newsboy" />jQuery 코드:
$("input[name^='news']")결과:
[ , ]
6 지정한 속성을 가져오고 설정값에 지정한 문자열이 있는 요소
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" />
jQuery 코드:
$("input[name$='letter'][value$='zz']").attr("checked","true");// 물론 id 속성이나 다른 속성에 따라 $("input [id=id1]") 를 얻을 수 있습니다.css("color",red);
jquery에서 $("input [name='metaId']) 를 사용하면 선택한 라디오 값을 직접 얻을 수 없습니다. 라디오 탭의 첫 번째 값만 얻을 수 있습니다. 이것은 jquery가 xpath 언어를 사용해서 검색할 수 있습니다. 우리는 보통 선택된 라디오 값을 얻으려고 합니다. 다음과 같은 몇 가지 방법이 있습니다.
1,$("input[name='metaId']:checked")를 사용합니다.val () 은//name 은 radio의 name 속성 이름을 나타냅니다
2, $(":radio:checked")를 사용합니다.val () 획득//제한 페이지에 라디오 탭 그룹만 있음
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다른 사람의 웹사이트 편집: contenteditable 및 designMode그래도 우리가 그렇게 할 수 있다고 생각하는 것은 멋진 일입니다. 제가 강조하고 싶었던 일종의 관련 API가 실제로 몇 개 있기 때문에 오늘 그것을 가져왔습니다. contenteditable는 "true" 값이 할당...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
