<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>
