本文主要介绍了jquery与js实现全选功能的区别,需要的朋友可以参考下，希望能帮助到大家。
一、jquery常用的事件
click(),dbclick()
focus(),blur()
change()
keydown(),keypress(),keyup()
mousedown(),mouseup() mouseenter(),mouseleave() mouseover(),mouseout() mousemove()
二、jquery挂事件
$（“p”）.bind("事件名称”，要执行的匿名函数)
$（“p”）.unbind("事件名称”)
三、jquery实现全选功能(重点是属性用.prop()，不用.attr())
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="{utf-8}">
<title></title>
<script src="../jquery-3.2.0.js"></script>
</head>
<body>
<form>
<input type="checkbox" class="all"/>省市<br />
<input type="checkbox" class="a"/>山东
<input type="checkbox" class="a"/>山西
<input type="checkbox" class="a"/>北京
<input type="checkbox" class="a"/>河北
<input type="checkbox" class="a"/>江苏
</form>
</body>
</html>
<script>
$(".all").click(function(){
// alert($(this)[0].checked);//如果选中则返回true;否则返回false
var a= $(this)[0].checked; //dom对象
// alert($(this).prop("checked"));
var a=$(this).prop("checked");//获取jquery对象
//改变子复选框的状态 用prop代替attr，解决了之前用js写出现的bug,但是在源代码中查不到
$(".a").prop("checked",a);
})
</script>对比js全选代码：{2017-05-03日的详情见数据访问（租房子多条件查询）}
function quanxuan(a,ff)
{
var ck = document.getElementsByClassName(ff);
if(a.checked)
{
for(var i=0;i<ck.length;i++)
{
ck[i].setAttribute("checked","checked");
}
}
else
{
for(var i=0;i<ck.length;i++)
{
ck[i].removeAttribute("checked");
}
}
}
</script>此外，jquery可以替代js的一切功能，除了settimeout,setinterval。
相关推荐：
jquery写个checkbox——类似邮箱全选功能_jquery
Atas ialah kandungan terperinci jquery与js实现全选功能区别分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Bagaimana untuk mendapatkan panjang tatasusunan dalam js
Perbezaan antara halaman web statik dan halaman web dinamik
js muat semula halaman semasa
js pembundaran
Apakah perbezaan antara telefon bimbit 4g dan 5g?
Perbezaan antara k8s dan docker
Perbezaan antara kedai perdana kendalian sendiri JD.com dan kedai utama rasminya
js untuk memadam nod
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
