jQuery事件

<body>
<input type="button" value="测试" onclick="test()" />
<input type="button" value="测试2" id="btn" />
</body>

<script type="text/javascript">
function test(){
alert("aa");
}

$(document).ready(function(e){
$("#btn").click(function(){
alert("第二个按钮");
})

$(".btn").click(function(){   //批量绑定点击事件
alert("事件加上了");
alert($(this).val());         //this可以找到点击的项
})

//点击给测试事件按钮挂一个事件
$("#gua").click(function(){
$("#ceshi").bind("click",function(){
alert("挂上了事件");
});
})
//点击给测试事件按钮移除点击事件
$("#yichu").click(function(){
$("#ceshi").unbind("click");
})


});
</script>

 全选

<body>
<div><input type="checkbox" id="qx" />全选</div>
<div>
<input type="checkbox" class="ck" />山东
<input type="checkbox" class="ck" />淄博
<input type="checkbox" class="ck" />张店
<input type="checkbox" class="ck" />淄川
<input type="checkbox" class="ck" />桓台
<input type="checkbox" class="ck" />周村
</div>
</body>
<script type="text/javascript">
$("#qx").click(function(){
    //var xz = $(this)[0].checked;
    var xz = $("#qx").prop("checked");//取checked属性的值
    $(".ck").prop("checked",xz);
    
    })
</script>

原文地址:https://www.cnblogs.com/niushuangmeng/p/8385647.html