<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> <br> <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>$('div span').css('display', 'block'); <BR>}) <BR>$(function () { //類別符合元素<BR>$('.clsFrame .clsOne').css('display', 'block'); <BR>}) <BR>$(function () { //匹配所有元素<BR>$('*').css('display' , 'block'); <BR>}) <BR>$(function () { //合併匹配元素<BR>$('#divOne,span').css('display', 'block'); <BR>}) <BR></script> <br> <br> <br><div class="clsFrame"> <br><div id="divOne"> <br>ID </div> <br><div class="clsOne"> <br>CLASS</div> <br><span>SPAN</span> <br> </div> <br> <br> <br> </div>
