jQuery中的几个案例:隔行变色、复选框全选和全不选
来源:互联网 发布:uv胶多少钱淘宝 编辑:程序博客网 时间:2024/06/05 18:59
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”: “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")); }); });
0 0
- jQuery中的几个案例:隔行变色、复选框全选和全不选
- jquery的table隔行变色、复选框的选择变色
- jquery实现复选框全选和全不选
- 全选复选框和取消所有复选框 jquery全选复选框 js全选复选框
- jquery复选框全选,全不选
- jQuery复选框-全选、全不选
- jQuery ---复选框全选、全不选
- 使用jquery实现 checkbox复选框全选和全不选
- Jquery 全选和全不选复选框的实现
- jQuery设置复选框的全选和全不选
- jQuery--过滤选择器实现隔行变色-表单选择器实现全选或全不选
- jQuery表格插件(隔行换色、划过变色、全选)
- jQuery表格插件(隔行换色、划过变色、全选)
- JQuery 中 实现复选框全选/全不选/反选功能 案例
- 使用JavaScript和jQuery实现隔行变色
- JQuery复选框的全选/全不选
- jQuery 应用案例1——table隔行变色
- javaScript 案例之复选框的全选和取消
- Tree-----重建树(根据中序和前序,中序和后序)
- 详述 MySQL 数据库的安装及配置
- ART世界探险-arm64-v8a 64位CPU的架构快餐教程
- arm-none-linux-gnueabi-gcc下载
- 中超赛程分析(6)--“蛇形排阵”评价指标
- jQuery中的几个案例:隔行变色、复选框全选和全不选
- c++链接时,无法解析的外部符号 _GdipAlloc等一系列报错
- int转换成String
- 1101. Quick Sort 解析
- 基于 Django REST framework 3.6.2 文档的学习(1)—— 基本介绍
- 关于解决Eclipse报错“Path must include project and resource name:xxx.xxx”的方式
- 二分贪心 T
- Tomcat无法打开阿帕奇主页404错误、搭建文件服务器问题解决方法
- 数据分析2017系统系统设计架构师的通过人数与通过率