//id를 가진 노드 다 찾아오기
$("[id]").css("border", "5px solid green");
//class를 가진 노드 다 찾아오기
$("[class]").css("border", "5px solid pink");
//class 값 중 test를 포함하는 노드 다 찾아오기
$("[class*=test]").css("border", "5px solid black");
//class 값 중 m으로 시작하는 모든 노드 찾아오기
$("[class^=m]").css("border", "5px solid yellow");
//class 값 중 t로 끝나는 모든 노드 찾아오기
$("[class$=t]").css("border", "5px solid purple");
https://codepen.io/qwer273/pen/YzrvdMR?editors=1010
노드찾기 옵션
...
codepen.io
'02. HTML , CSS , JS' 카테고리의 다른 글
[HTML,CSS] <details> <summary> JS없이 접기/펼치기 기능구현 (0) | 2024.06.12 |
---|---|
[CSS] CSS로 on/off체크박스만들기 (0) | 2024.04.30 |
[HTML,CSS] overflow 와 text-overflow 속성정리 (0) | 2020.04.23 |
[HTML,CSS]text-align 속성 (1) | 2020.04.23 |
[HTML,CSS] display / visibility / opacity 의 속성정리 (0) | 2020.04.20 |