学习进度

今天通过观看老师分享的教学视频,进一步学习了jquery的知识以及操作方法。之前是使用Java script完成了全选和全不选的操作,今天则是学习了使用jquery来完成全选和全不选的操作。首先还是要导入jquery的js文件:<script typr="text/javascript" src="jquery.1.8.3.js"></script>。下一步的操作和Java script的操作相同,把表格分成thead和tbody两部分,表头写在thead里面。然后给全选的那个复选框一个id为select,给其余的每行的复选框写一个相同的id为selectone。然后编写script标签进行函数的编写,在函数的前面还是需要写一个$符号。

然后利用id来获取复选框的位置并且调用点击函数click:$("#select").click(function(){})。然后利用标签选择器来获取其他的复选框的位置并且调用prop函数来使他们的值与第一个复选框的值相同:$("tbody input").attr("checked",this.checked);。只需要这一行代码便可以实现复选框的全选和全不选功能。

原文地址:https://www.cnblogs.com/lijiawei1-2-3/p/12290671.html