使用JQuery實現(xiàn)表格奇數(shù)行一個顏色,雙數(shù)行一個顏色。

用jquery實現(xiàn)table奇偶行不同色 (document).ready(function () { //排除th標(biāo)簽，th可能是有自己特有的樣式，所以定義th樣式。

創(chuàng)新互聯(lián)建站2013年至今，先為化隆等服務(wù)建站，化隆等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為化隆企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

：為什么要寫這個方法在項目中，一些table都要設(shè)置樣式，為了樣式的美觀，表頭是一個樣式，奇數(shù)行一個樣式，偶數(shù)行一個樣式。當(dāng)鼠標(biāo)經(jīng)過的時候顏色變化，鼠標(biāo)離開時顏色恢復(fù)，這就有了這樣方法。

even 匹配所有索引值為偶數(shù)的元素，從 0 開始計數(shù) 查找表格的..行(即索引值0、..)。odd 匹配所有索引值為奇數(shù)的元素，從 0 開始計數(shù) 查找表格的6行(即索引值..) 。

.css(background，#ccc)；(this).find(tr：odd).css(background，#eee)；})；其中，#ccc，#ddd為需要的顏色值（可根據(jù)自己的需要進(jìn)行修改）效果如下圖所示，每個表格都是由深色行開始，深淺交替的出現(xiàn)了。

懶人當(dāng)然有懶辦法。不過不是那么簡單可以直接操作的，我給你一個VBA宏吧。直接執(zhí)行這個宏就是你要的效果。

用三目運(yùn)算符判斷l(xiāng)i為偶數(shù)的時候css樣式為li1,li為基數(shù)的時候css樣式...

在ul樣式中設(shè)置文本居左對齊。ul { padding：0；margin：0；text-align： left；list-style-type： none；} 標(biāo)簽大小不同，可以用自定義的背景圖片代替標(biāo)簽樣式。

css如何匹配第幾個li元素并設(shè)置樣式：如果有一個li元素列表，如果想設(shè)置指定位置li的樣式。這個在以前可能需要稍微麻煩一些，比如在這個要設(shè)置的li元素上添加一個class或者id之類。

最常用的四種選擇器是：元素選擇器、類選擇器、ID選擇器、派生選擇器 元素選擇器 最常見的css選擇器當(dāng)屬元素選擇器了，在HTML文檔中該選擇器通常是指某種HTML元素，例如：p，h2，span，a，div乃至html。

無序列表 無序列表是一個項目的列表，此列項目使用粗體圓點（典型的小黑圓圈）進(jìn)行標(biāo)記。無序列表始于 ul 標(biāo)簽。每個列表項始于 li。有序列表 同樣，有序列表也是一列項目，列表項目使用數(shù)字進(jìn)行標(biāo)記。

很多方法都是可以實現(xiàn)值控制一個li樣式而不影響其他的，最簡單的是給第一個li設(shè)置一個id或者設(shè)置一個單獨(dú)的class，也可以使用最新的css3選擇器。

JQuery中對同一事件怎么設(shè)置奇數(shù)次和偶數(shù)次執(zhí)行不同的命令?

很簡單，在函數(shù)A中將ABC的onmouseover句柄指向函數(shù)B，在函數(shù)B中再指回A 這樣，A執(zhí)行完成時，ABC的onmouseover句柄已經(jīng)指向B了，當(dāng)B執(zhí)行完成后，句柄又再次指向A。

新建一個html文件，命名為test.html，用于講解怎么讓jquery事件執(zhí)行一次。在test.html文件內(nèi)，引入jquery.min.js庫文件，成功加載該文件，才能使用jquery中的方法。

jQuery有個toggle(fn， fn2， [fn3， fn4， ...])其中fn，fn2，fn..為對應(yīng)的點擊次數(shù)所執(zhí)行的事件。即第一次點擊執(zhí)行fn函數(shù)，第二次點擊執(zhí)行fn2函數(shù)，依此類推。

如何解決累加綁定：第一種方法是元素點擊后刪除，然后再動態(tài)創(chuàng)建一個元素，再添加點擊事件。顯然這個方式很麻煩。第二中方法是使用jquery的one()方法，為元素綁定一個一次性的事件處理函數(shù)，這個事件處理函數(shù)只會被執(zhí)行一次。

反之，如果在對tr元素的循環(huán)中再采用$(‘th，td)這個選擇器，則是在tr元素上調(diào)用2次getElementsByTagName，由于無論在哪個元素上調(diào)用該函數(shù)，函數(shù)執(zhí)行的時間是相同的，因此在循環(huán)tr時使用，反而多出了119*2次的函數(shù)調(diào)用，效率不升反降。

(像click()，focus()，keydown()這樣的事件這里就不提了，那些都是開發(fā)中比較常用到的。

文章名稱：jquery基數(shù)偶數(shù) js奇數(shù)偶數(shù)
本文路徑：http://www.aaarwkj.com/article22/dgjdgcc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、App設(shè)計、關(guān)鍵詞優(yōu)化、小程序開發(fā)、響應(yīng)式網(wǎng)站、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)