溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

jquery使表格變色

發(fā)布時(shí)間：2020-06-10 14:08:48 來(lái)源：網(wǎng)絡(luò) 閱讀：527 作者：tianyingmin 欄目：web開(kāi)發(fā)

之前寫(xiě)了使用DOM操作來(lái)讓表格變色  現(xiàn)在我們使用jquery可以更加方便。只用一行代碼就可以完成對(duì)表格的操作。

$("#table tbody tr:even").css("backgroundColor","#7FFFD4");
//獲取id為table的元素，然后尋找tbody標(biāo)簽，在尋找索引值是偶數(shù)的tr元素，改變背景色

 $("#table tbody tr:odd").css("backgroundColor","#C1C1C1");
//獲取id為table的元素，然后尋找tbody標(biāo)簽，在尋找索引值是奇數(shù)的tr元素，改變背景色

$("#table tbody tr:lt(1)").css("backgroundColor","#7FFFD4");
//獲取索引小于1的tr不包括1

$("#table tbody tr:gt(1)").css("backgroundColor","#7FFFD4");
//獲取索引大于1的tr不包括1

$("#table tbody tr:eq(1)").css("backgroundColor","#7FFFD4");
//獲取索引等于1的tr
html代碼：
 <table id="table">
           <tbody>
             <tr><td>花褪殘紅青杏小</td></tr>
             <tr><td>燕子飛時(shí),綠水人家繞</td></tr>
             <tr><td>枝上柳綿吹又少</td></tr>
             <tr><td>天涯何處無(wú)芳草</td></tr>
             <tr><td>墻里秋千墻外道</td></tr>
             <tr><td>墻外行人，墻里佳人笑</td></tr>
             <tr><td>笑漸不聞聲漸悄，多情卻被無(wú)情惱。</td></tr>
           </tbody>
       </table>


向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手