속성에 기반한 요소를 얻기
1. 예를 들어, 페이지 p 태그에 id가 있는 요소를 얻고 싶습니다
$("p[id]").css("color", "red");
속성 값을 기반으로 요소를 얻기
1.$. jQuery에서 $("<span>")는 $(document.createElement("span")와 동등하며, 이는 요소를 선택할 때 사용되는 용법입니다: [attribute$=value], 특정 속성과 일치하는 것은 어떤 값으로 끝나는 요소를 의미합니다. 예를 들어보겠습니다:
HTML 코드
코드 복사 코드는 다음과 같습니다:
<입력 이름="뉴스레터" />
<입력 이름 = "우유 배달부" />
<입력 이름="jobletter" />
jQuery 코드:
- $("input[name$='letter']")
결과:
[ <입력 이름="뉴스레터" />, <입력 이름="jobletter" /> ]
2.!。 선택기: [attribute!=value]는 지정된 속성을 포함하지 않거나 속성이 특정 값과 같지 않은 모든 요소를 매칭하며, 이 선택기는 :not([attr=value])와 동등합니다.
다음은 몇 가지 예시입니다:
<입력 유형="체크박스" 이름="뉴스레터" 값="핫 퍼즈" />
<입력 유형="체크박스" 이름="뉴스레터" 값="콜드 퓨전" />
<입력 유형="체크박스" 이름="accept" value="악한 계획" />
jQuery 코드:
- $("input[name!='newsletter']").attr("checked", true);
결과:
[ <입력 유형="체크박스" 이름="수락" 값="악한 계획" 체크="true" /> ]
3.*。 선택기: [attribute*=value], 특정 속성을 일치시키는 것은 특정 값을 포함하는 요소입니다. 예를 들어보겠습니다:
HTML 코드:
<입력 이름="man-news" />
<입력 이름 = "우유 배달부" />
<입력 이름="letterman2" />
<입력 이름="newmilk" />
jQuery 코드:
결과:
[ <입력 이름 = "man-news" />, <input name = "milkman" />, <input name ="letterman2" /> ]
4.@。 특정 속성을 포함하는 요소를 매칭합니다. jQuery 1.3에서는 선두 @ 기호가 제거되었다는 점에 유의하세요! 최신 버전과 호환되려면 @ 기호를 단순히 제거하면 됩니다
네.
5.^. 선택기: [attribute^=value], 주어진 속성을 매칭하는 것은 어떤 값으로 시작하는 요소입니다. 예를 들어 다음과 같습니다:
HTML 코드:
<입력 이름="뉴스레터" />
<입력 이름 = "우유 배달부" />
<입력 이름="newsboy" />
jQuery 코드:
결과:
[ <입력 이름="뉴스레터" />, <입력 이름 ="뉴스보이" /> ]
6 설정에서 지정된 속성과 지정된 문자열을 가진 요소를 얻습니다
HTML 코드:
- <p><input type="checkbox" name="newsletter" value="Hot Fuzz"/> </p><p><input type="checkbox" name="newsletter" value="Cold Fusion" /> </p><p><input type="checkbox" name="accept" value="Evil Plans" /> </p>
jQuery 코드:
- $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
물론, id 속성이나 $("input[id=id1]").css("color", red)과 같은 다른 속성으로도 얻을 수 있습니다;
jquery에서 $("input[name='metaId']].val()를 사용할 때 선택된 라디오의 값을 직접 얻을 수 없으며, 라디오 태그의 첫 번째 값만 얻을 수 있습니다. 이는 jquery가 xpath 언어를 사용해 조회하는 것과 관련이 있을 수 있으며, 보통 선택된 라디오의 값을 얻고자 합니다. 여러 방법이 있습니다:
1. $("input[name='metaId']:checked").val() 사용하여 라디오에서 이름 속성 이름을 표현할 수 있도록 //name
2. $(":radio:checked").val() 사용해 // 페이지를 라디오 태그 세트 하나로 제한
|
게시됨 2015. 10. 28. 오후 7:30:55
|
|
|
