jQuery

[Selector] JQ - this 선택자 - 현재 요소 선택. (= 디스 선택자)

목차

  1. this 예제 - 현재 요소 선택
  2. this 정의

 

this 예제 - 현재 요소 선택

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

    $("button").click(function(){

        $(this).hide();

    });

});

</script>


<h2>홈짱닷컴</h2>

<p>Homzzang.com</p>

<p>홈페이지 제작관리</p>


<button>클릭</button>

 

결과보기

※ 여기서 this는 button 요소 가리킴.

 

this 정의

 

현재 선택된 HTML 요소 의미.

 



분류 제목
Selector JQ - :focus 선택자 - 포커스 된 요소 선택 (= :focus선택자 = 포커스 선택자)
Selector JQ - :contains() 선택자 - 지정 문자열 포함 요소 선택 (= :contains선택자 = 컨테인…
Selector JQ - :has() 선택자 - 지정 요소 포함 요소 선택. (= has선택자 = 해즈 선택자)
Selector JQ - :empty 선택자 - 자식/내용 없는 텅 빈 요소 선택 (= :empty선택자 = 엠프티 선택자)…
Selector JQ - :parent 선택자 - 텍스트/다른요소의 부모요소인 모든 요소 (= 안 빈 요소 선택 = 안 비어…
Selector JQ - :hidden 선택자 - 숨어있는 요소 선택. (= :hidden선택자 = 히든선택자) ※ 숨겨진/…
Selector JQ - :visible 선택자 - 눈에 보이는 요소 선택. (= 비지블 선택자)
Selector JQ - :root 선택자 - 문서의 가장 상위 요소 선택. (= 루트 선택자) ※ HTML 경우, <htm…
Selector JQ - :lang() 선택자 - 지정 언어로 시작하는 요소 선택. (= 랭 선택자)
Selector JQ - [attribute] 속성선택자 - 지정 속성 갖는 요소 선택.
Selector JQ - [attribute=value] 속성선택자 - 지정 속성값 갖는 요소 선택.
Selector JQ - [attribute != value] 속성선택자 - 지정 속성값 아닌 요소 선택.
Selector JQ - [attribute$=value] 속성선택자 - 지정 문자열로 끝나는 속성값 갖는 요소 선택.
Selector JQ - [attribute|=value] 속성선택자 - 지정 문자열 또는 뒤에 하이픈 연결된 속성값 갖는 …
Selector JQ - [attribute^=value] 속성선택자 - 지정 문자열로 시작하는 모든 요소 선택. (= 시작…
3/5
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티 2
웹유틸
회원센터
홈짱닷컴 PC버전 로그인