標籤：table overflow 總結 中間 匹配 元素 jquery class選取器 script
<body style="overflow: scroll;"> <h1>我的測試</h1> <div id="111"> <p class="first">第一個p標籤</p> <p class="second"> 第二個p標籤 <span>span拼接</span> </p> <p class="three">第三個p標籤</p> <p class="four">第四個p標籤</p> </div> <div id="222"> <div id="no1"><a href="">第一個div</a></div> <div id="no2">第二個div</div> <div id="no3">第三個div</div> <div id="no4">第四個div</div> </div> <div id="333"> <table cellspacing="1" cellpadding="5"> <tr> <td>11</td> <td>11</td> </tr> <tr> <td>22</td> <td>22</td> </tr> <tr> <td>33</td> <td>33</td> </tr> <tr> <td>44</td> <td>44</td> </tr> </table> </div></body>
js:
<script type="text/javascript">/* jquery 14種標籤選取器 */$(function(){ //一： id選取器：為標籤元素設定一個id，並用#id去空值元素 //$(‘#no2‘).css(‘color‘,‘blue‘); //二： class選取器 //$(‘.four‘).css(‘color‘,‘blue‘); //三：標籤選取器 : 多種標籤可混合中間以“,”隔開 //$(‘p,div‘).css(‘color‘,‘red‘); //四：任意組合選擇： //$(‘p.first,div#no2‘).css(‘color‘,‘red‘); //$(‘.second,#no3‘).css(‘color‘,‘red‘); //五：指定父元素下所有子項目 //$(‘#111 span‘).css(‘color‘,‘red‘); //六：prev + next : 匹配所有緊接在 prev 元素後的 next 元素:只能是兩個緊接的元素可用。中間有隔開都無效。 //$(‘h1+div‘).css(‘color‘,‘red‘); //七：prev ~ siblings : 匹配 prev 元素之後的所有 siblings 同輩元素 //$(‘h1~div‘).css(‘color‘,‘red‘); //八：擷取標籤第一個元素 //$("p:first").css(‘color‘,‘red‘); //九：last : 擷取最後個元素 //$("div:last").css(‘color‘,‘red‘); //十：even : 匹配所有索引值為偶數的元素，從 0 開始計數 //$("tr:even").css(‘color‘,‘red‘); //十一：odd : 匹配所有索引值為奇數的元素，從 0 開始計數 //$("tr:odd").css(‘color‘,‘blue‘); //十二：除去給定選取器的所有元素 //$("p:not(.three)").css(‘color‘,‘red‘); //十三：gt(index) : 匹配所有大於\等於、小於給定索引值的元素 /* $("p:gt(1)").css(‘color‘,‘red‘); $("p:eq(1)").css(‘color‘,‘green‘); $("p:lt(1)").css(‘color‘,‘blue‘); */ //十四：匹配所有：* $("*").css(‘color‘,‘blue‘); });</script>
jQuery 十三中選取器總結
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
