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")); });});