<div class="codetitle"> <span><a style="CURSOR: pointer" data="41807" class="copybut" id="copybut41807" onclick="doCopy('code41807')"><u>複製程式碼</u></a></span> 程式碼如下:</div> <div class="codebody" id="code41807"> <br> <br> <br><!-- <BR>內容過濾選擇器：根據元素中的文字內容或所包含的子元素特徵獲取元素，其文字內容可以模糊或絕對匹配進行元素定位<BR>jQuery選擇器詳解<BR>根據所取得頁面中元素的不同，可以將jQuery選擇器分為：基本選擇器、層次選擇器、過濾選擇器、表單選擇器四大類。其中，在過濾選擇器中有可以分為：簡單過濾選擇器、內容過濾選擇器、可見性過濾選擇器、屬性過濾選擇器、子元素過濾選擇器、表單物件屬性過濾選擇器6種<BR> --> <br><title></title> <br><!-- 使用jQuery內容過濾選擇器選擇元素：在頁面中，根據需要建立四個<div>標記，並在其中的<div>中新建一個<span>標記，其餘<div>標記中輸入內容（或為空）,透過內容過濾器取得指定的元素，並顯示在頁面中。 --> <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>div{float:left;border:solid 1px #ccc;margin:8px;width:65px;height:65px;display:none} <BR>span{float:span{float: left;border:solid 1px #ccc;margin:8px;width:45px;height:45px;background-color:#eee} <BR></style> <br><script type="text/javascript"> <BR>$(function () { //顯示包含給定文字的元素<BR>$("div:contains('A')").css('display','block'); <BR>}) <BR>$(function(){ //顯示所有不包含子元素或文字的空元素<BR>$('div:empty').css('display','block'); <BR>}) <BR>$(function () { //顯示含有選擇器所符合的元素<BR>$('div:has(span)').css('display', 'block'); <BR>}) <BR>$(function () { //顯示含有子元素或文字的元素<BR>$('div:parent').css('display', 'block'); <BR>}) <BR>< /script> <BR><!-- 註：在:contains(text)內容過濾選擇器中，如果是查找字母，則有大小寫的區別--> <BR> <BR><body > <BR><div>ABCD</script> </div> <br><div><span></span></div> <br><div>EFAH</div> <br><div></div> <br> <br>
