1.JQuery選擇器繼承了CSS、path語音的部分語法,允許透過標籤名、屬性名、內容對DOM元素進行快速、準確的選擇。 2、JQuery選擇器與JavaScript相比,具有程式碼簡單、完善的偵測機制的優勢。 3、使用JQuery選擇器實現隔行變色,範例程式碼如下: 複製程式碼複製程式碼 複製程式碼複製程式碼複製程式碼 程式碼如下: 使用JQuery實現隔行變色 <BR>body{font-size:12px;text-align:center} <BR>#tbStu{width:260px;border:solid 1px #666;background-color:#eee} <BR>#tbStu tr{line-height:23px} <BR>#tbStu tr th{background-color:# ccc;color:#fff} <BR>#tbStu .trOdd{background-color:#fff} <BR> <BR> <BR>$(function(){ <BR>$("#tbStu tr:nth -child(even)").addClass("trOdd"); <BR>}) <BR> 學號 姓名 性別 總分 1001 張小明 男 320 1002 李明旗 女 350 效果圖如: 4、使用JavaScript實現隔行變色的代碼如下: 複製代碼 程式碼如下: <span>window.onload=function(){ <a style="CURSOR: pointer" data="7230" class="copybut" id="copybut7230" onclick="doCopy('code7230')">var oTb=document.getElementById(" tbStu"); <U>for(var i=0;i<oTb.rows.length-1;i ){ if(i%2){ oTb.rows[i].className=" trOdd"; } } } JQuery實作隔行變色程式碼: JQuery實作隔行變色程式碼: 複製程式碼 程式碼如下: <🎜> <🎜 >$(function(){ <🎜>$("#tbStu tr:nth-child(even)").addClass("trOdd"); <🎜>}) <🎜> 兩者相比,明顯JQuery程式碼更簡單。