하이브리드앱

본문 바로가기
사이트 내 전체검색


하이브리드앱
하이브리드앱

3. jQuery 기초 - 셀렉터 (3)

페이지 정보

작성자 관리자 댓글 0건 조회 588회 작성일 22-01-08 11:35

본문

3. jQuery 기초 - 셀렉터 (3)

:contains, :parent, :has, :empty 


실습 : jquery04.html


<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>제이쿼리 연습</title>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

</head>

<body>

   <div><h1>헤드라인 제목 입니다.</h1></div>

   <div><span><h1>헤드라인 제목이 있습니다...</h1></span></div>

   <div>셀렉터는 중요합니다.</div>

   <div></div>

   <div></div>

   <span></span>

   <span></span>

</body>

</html>



1.PNG

div안에 h1을 갖는 요소를 찾는다.


$('div:has(h1)') 


2.PNG

div태그중 비어있는 요소만 검색한다.


$('div:empty') 


3.PNG


div안에 "있습"이라는 단어가 포함되었는 요소를 검색한다.


$('div:contains(있습)').css('background','green'); 


4.PNG


자식 요소가 있는 요소를 검색한다.


$('div:parent') 


5.PNG


댓글목록

등록된 댓글이 없습니다.


개인정보취급방침 서비스이용약관 모바일 버전으로 보기 상단으로

TEL. 063-469-4551 FAX. 063-469-4560 전북 군산시 대학로 558
군산대학교 컴퓨터정보공학과

Copyright © www.leelab.co.kr. All rights reserved.