運用jquery實現(xiàn)table單雙行不同顯示并能單行選中
更新時間:2009年07月25日 10:18:23 作者:
(該方法是對《運用jquery實現(xiàn)(table)單雙行不同顯示并能多行選中》的改進,適合于單行選擇)
復制代碼 代碼如下:
$(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
您可能感興趣的文章:
- JS與jQuery遍歷Table所有單元格內(nèi)容的方法
- jQuery實現(xiàn)鼠標雙擊Table單元格變成文本框及輸入內(nèi)容后更新到數(shù)據(jù)庫的方法
- 合并table相同單元格的jquery插件分享(很精簡)
- 基于jquery的合并table相同單元格的插件(精簡版)
- 用jQuery獲取table中行id和td值的實現(xiàn)代碼
- 用Jquery選擇器計算table中的某一列某一行的合計
- jquery實現(xiàn)效果比較好的table選中行顏色
- JQuery DataTable刪除行后的頁面更新利用Ajax解決
- jquery獲取table中的某行全部td的內(nèi)容方法
- jQuery 選擇表格(table)里的行和列及改變簡單樣式
- 使用jquery為table動態(tài)添加行的實現(xiàn)代碼
- JQuery動態(tài)給table添加、刪除行 改進版
- jQuery獲取table行數(shù)并輸出單元格內(nèi)容的實現(xiàn)方法
相關文章
jQuery Ajax 實例代碼 ($.ajax、$.post、$.get)
下面小編就為大家?guī)硪黄猨Query Ajax 實例代碼 ($.ajax、$.post、$.get)。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考2016-04-04input file樣式修改以及圖片預覽刪除功能詳細概括(推薦)
這篇文章主要介紹了input file樣式修改以及圖片預覽刪除功能,input file 按鈕改成自己想要的樣式以及.圖片預覽功能的實現(xiàn),具體操作步驟大家可查看下文的詳細講解,感興趣的小伙伴們可以參考一下。2017-08-08jQuery Ajax提交表單查詢獲得數(shù)據(jù)實例代碼
用戶輸入一個表單,輸入準考證和驗證碼,驗證用戶是否輸入表單,點擊查詢提交,然后從服務器得到返回的數(shù)據(jù)并顯示出來2012-09-09Javascript函數(shù)中的arguments.callee用法實例分析
這篇文章主要介紹了Javascript函數(shù)中的arguments.callee用法,結(jié)合實例形式分析了arguments.callee操作當前方法引用的具體技巧,需要的朋友可以參考下2016-09-09