運(yùn)用jquery實(shí)現(xiàn)table單雙行不同顯示并能單行選中

更新時(shí)間：2009年07月25日 10:18:23 作者：

（該方法是對(duì)《運(yùn)用jquery實(shí)現(xiàn)（table）單雙行不同顯示并能多行選中》的改進(jìn)，適合于單行選擇）

$(document).ready(function(){ 
$("p:odd").css("background-color", "#bbf"); 
$("p:even").css("background-color","#ffc"); 
$("p").click(function () { 
$("p").each(function(){ 
if($(this).hasClass("highlight")){ 
$(this).removeClass("highlight"); 
}}); 
$(this).addClass("highlight"); 
}); 
}); 

源碼參考gamil:test_jquery_table

您可能感興趣的文章:

相關(guān)文章

目前流行的JavaScript庫(kù)的介紹及對(duì)比
為了簡(jiǎn)化JavaScript的開(kāi)發(fā)，一些JavaScript程序庫(kù)誕生了，下面是目前集中流行的JavaScript程序庫(kù)的介紹和對(duì)比，感興趣的朋友可以了解下
2013-09-09
jquery實(shí)現(xiàn)奇偶行賦值不同css值
通常為了讓頁(yè)面呈現(xiàn)的更為美觀(guān)，我們喜歡在奇偶行加上不同的顏色
2012-02-02
jquery如何改變html標(biāo)簽的樣式(兩種實(shí)現(xiàn)方法)
對(duì)于如何修飾html標(biāo)簽，這對(duì)于js來(lái)說(shuō)，可以通過(guò)setAttribute來(lái)設(shè)置標(biāo)簽的屬性，通過(guò)getAttribute來(lái)得到標(biāo)簽的屬性，而在jq中當(dāng)然也可以實(shí)現(xiàn)類(lèi)似的功能，方法上肯定比js要簡(jiǎn)化多了,接下來(lái)介紹實(shí)現(xiàn)方法，感興趣的朋友可以了解下
2013-01-01
jquery插件ajaxupload實(shí)現(xiàn)文件上傳操作
這篇文章主要為大家詳細(xì)介紹了jquery插件ajaxupload實(shí)現(xiàn)文件上傳操作，感興趣的小伙伴們可以參考一下
2015-12-12
jQuery實(shí)現(xiàn)流動(dòng)虛線(xiàn)框的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)流動(dòng)虛線(xiàn)框的方法,可實(shí)現(xiàn)百度UEditor首頁(yè)流動(dòng)虛線(xiàn)框的效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-01-01
在線(xiàn)引用最新jquery文件的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇在線(xiàn)引用最新jquery文件的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
jquery ajax 局部刷新小案例
這篇文章主要是對(duì)jquery ajax 局部刷新的小案例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-02-02
jQuery中多個(gè)元素的Hover事件解決方案
jQuery的hover事件只是針對(duì)單個(gè)HTML元素，不過(guò)，有些時(shí)候我們希望當(dāng)鼠標(biāo)進(jìn)入兩個(gè)或多個(gè)元素時(shí)觸發(fā)fun1，離開(kāi)他們時(shí)觸發(fā)fun2，而在這些元素間移動(dòng)鼠標(biāo)并不觸發(fā)任何事件
2014-06-06
用戶(hù)管理的設(shè)計(jì)_jquery的ajax實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)效果
下面小編就為大家?guī)?lái)一篇用戶(hù)管理的設(shè)計(jì)_jquery的ajax實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)效果。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-07-07
淺談jquery上下滑動(dòng)的注意事項(xiàng)
下面小編就為大家?guī)?lái)一篇jquery上下滑動(dòng)的注意事項(xiàng)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10