1 表格隔行變色
1 技術分析：
1 ）基本過濾選擇器：
odd:
even:
2 ）jq添加和移除樣式：
addClass();
removeClass();
2 代碼實現

<script src="js/jquery1.11.3/jquery.min.js" type="text/javascript"></script><script type="text/javascript">$(function(){$("tr:odd").css("background-color","#CC6");$("tr:even").css("background-color","#CF0");});</script>

2 復選框全選、全不選
1 技術分析
1）jq對屬性的操作方法
.attr();
一：().attr(“src”);二：().attr(“src”, “test.jsp”);
三：$().attr({“src”: “test.jsp” , “width”: “100”});
.removeAttr();
同上的用法還有：
.prop()、removeAttr()、addClass()、removeClass();
2 代碼實現

$(function(){$("#selectAll").click(function(){if($("#selectAll").prop("checked") == true){$(":checkbox[name='select']").prop("checked", true); }else{$(":checkbox[name='select']").prop("checked", false);}});//簡化$("#selectAll").click(function(){$(":checkbox[name='select']").prop("checked", $("#selectAll").prop("checked")); });}); 創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的jQuery中的几个案例：隔行变色、复选框全选和全不选的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。