<div class="codetitle"> <span><a style="CURSOR: pointer" data="99277" class="copybut" id="copybut99277" onclick="doCopy('code99277')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code99277"> <br><html xmlns="http://www. w3.org /1999/xhtml"> <br><head> <br><!-- <BR>1. 기본 선택자: jQuery에서 가장 많이 사용되는 선택자입니다. 요소 Id, Class로 구성됩니다. , 요소명 등 다수의 선택자로 구성되어 있으며, 대부분의 페이지 요소는 기본 선택자를 통해 검색 가능 <BR> jQuery 선택자 상세 설명 <BR> 획득된 페이지의 다양한 요소에 따라 jQuery 선택자는 기본 선택자로 구분될 수 있습니다. , 계층적 선택기, 필터 선택기, 양식 선택기의 네 가지 범주가 있습니다. 그 중 필터 선택기에는 단순 필터 선택기, 콘텐츠 필터 선택기, 가시성 필터 선택기, 속성 필터 선택기, 하위 요소 필터 선택기, 양식 개체 속성 필터 선택기 등 6가지 유형이 있습니다. <BR> --> <BR>< title></title> <br><!--jQuery 기본 선택기를 사용하여 요소 선택: 페이지에는 두 개의 <div> 태그가 포함되어 있으며, 그 중 하나는 ID 속성을 설정하는 데 사용됩니다. Class 속성에 또 다른 <span> 태그를 추가하면 모든 요소의 초기 값이 숨겨지고 해당 페이지 태그가 jQuery 기본 선택기를 통해 표시됩니다. --> <br><script src="jquery-1.9.1.js" type="text/javascript"></script> <br><style type="text/css"> <br>body{font-size:12px;text-align:center;} <br>.clsFrame{width:300px;height:100px} <br>.clsFrame div,span{display:none;float:left;width :65px;height:65px;border:solid 1px #ccc;margin:8px} <br>.clsOne{Background-color:#eee} <br></style> <br><script type="text/ javascript"> <br>$(function () { //ID 일치 요소 <br>$('#divOne').css('display', 'block'); <br>}) <br>$( function () { //요소 이름 일치 요소 <br>$('divspan').css('display', 'block') <br>}) <br>$(function () { //클래스 일치; Element<br>$('.clsFrame .clsOne').css('display', 'block') <br>}) <br>$(function () { //모든 요소 일치 <br>$(' *').css('display', 'block'); <br>}) <br>$(function () { //일치하는 요소 병합 <br>$('#divOne,span').css(' 디스플레이', '블록') <br></script> <br><body> 🎜><div id="divOne"> <br>ID</div> <br><div class="clsOne"> <br>클래스</div> /span> <br></div> <br></html></div>