jQuery事件

Posted niushuangmeng

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>

以上是关于jQuery事件的主要内容，如果未能解决你的问题，请参考以下文章

原生js如何绑定a连接点击事件？

jQuery应用 代码片段

Visual Studio 2012-2019的130多个jQuery代码片段。

markdown 在WordPress中使用jQuery代码片段

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

很实用的JQuery代码片段（转）