- 속성의 포함 여부를 따져 요소를 선택
$("#wrap a[target]") //target 속성을 포함하는 요소만 선택
.css({"color":"red"});
- 속성의 값에 따른 탐색 선택자
$("#wrap a[href*=google]") //href 속성 값이 https 로 시작하는 요소만 선택
- 속성의 상태에 따른 선택자
$("#wrap p:hidden").css({
"display":"none", //display:block
"background":"#ff0"
});
var z1=$("#zone1 :selected").val();
console.log(z1);
var z2=$("#zone2 :checked").val();
console.log(z2);
- 컨텐츠 탐색 선택자
find() : 선택한 하위요소 중 필터링 한 요소만 선택
$("#inner_1").find(".txt1").css({"background-color":"#ff0"}); //"#inner_1"기준 하위요소중 검색
filter() : 선태한 요소 중 filter로 필털이 한 요소만 선택 ( filter 는 내부적으로 반복하는 기능이 있다)
$("#inner_1 p").filter(".txt2").css({"background-color":"coral"});
$("#inner_2 p").filter(function(idx,obj){
console.log(idx);
return idx % 2 == 0;
}).css({"background-color":"green"});
'jquery' 카테고리의 다른 글
JQuery_serialize(직렬화) (0) | 2022.11.22 |
---|---|
JQuery_객체조작 (0) | 2022.11.21 |
ajax / json (0) | 2022.11.21 |
JQuery_배열 관련 메서드 (0) | 2022.11.21 |
JQuery_효과 메서드 (0) | 2022.11.18 |