마지막으로 입력 양식 필터와 기타 필터들이다.

 

입력양식 필터의 경우는 사용빈도가 은근히 많을거 같다. 뭐 다른필터들도 마찬가지겠지만

 

:text 문자열 입력 필드

:password 비밀번호 입력 필드

:button 버튼

:checkbox 체크 박스

:file 파일 업로드

:image 이미지

 

<body> <form> <label for="user">name</label> <label type="text" id="user" value="김상형"/><br/> <label for="pass">password</label> <input type="password" id="pass"/><br/> </form> <script> $('input:password').css('background', 'red'); // password를 찾는다. $('input:text').css('background', 'blue'); // text를 찾는다. </script> </body>

 

마지막으로 기타필터 들이다

:visible 보이는 엘리먼트들.
:hidden 숨겨진 엘리먼트들
 
이때 숨겨져있다의 기준은 아래와 같다.
1) display 속성이 none이다.

2) 입력 양식의 type 속성이 hidden이다.

3) 크기와 높이가 0이다.

4) 상위의 조상 엘리먼트가 숨겨져 있다.

 

그외에는 눈에는 안보여도 hidden상태가 아닌것들이다

 

:header h1~h6(제목) 태그

:root 문서의 루트태그 언제나 html태그이다

:not(s) 선택자의 선택여부를 반대로 한다

:animated 애니메이션중인 태그

:lang(la) lang 속성이 일치하는 엘리먼트

:target 문서의 ID와 같은 ID를 가진 엘리먼트

 

이상이다.

 

필터들은 무식하게 외우긴 보다는 계속 사용해보면서 자연스럽게 깨닫는게 좋을거같다.

 

근데 양이 꽤 많은거 같기도하다

 

'JavaScript > jquery' 카테고리의 다른 글

replace, replace all  (0) 2020.03.23
eq()  (0) 2019.09.09
필터(FILTER) 1  (0) 2017.10.03
jQuery 자식 선택자  (0) 2017.09.18
jQuery 선택자 (selector)  (0) 2017.09.18

티스토리툴바