赞助商

jquery中的function(event)vs function()

发布时间:2019-04-15 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了jquery中的function(event)vs function()脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我是Jquery的新手.我对jquery片段有点困惑.我有一个复选框,用于在单击主复选框后选择其下的所有其他复选框.代码如下:

jQuery的:

$(document).ready(function() {
$('#selecctall').click(function() {  //on click 
    if(this.checked) { // check select status
        $('.checkbox1').each(function() { //loop through each checkbox
            this.checked = true;  //select all checkboxes with class "checkbox1"               
        });
    }else{
        $('.checkbox1').each(function() { //loop through each checkbox
            this.checked = false; //deselect all checkboxes with class "checkbox1"                       
        });         
    }
});

});

HTML:

<ul class="chk-container">
  <li>
    <input type="checkbox" id="selecctall" />Selecct All</li>
  <li>
    <input class="checkbox1" type="checkbox" name="check[]" value="item1">This is Item 1</li>
  <li>
    <input class="checkbox1" type="checkbox" name="check[]" value="item2">This is Item 2</li>
  <li>
    <input class="checkbox1" type="checkbox" name="check[]" value="item3">This is Item 3</li>
  <li>
    <input class="checkbox1" type="checkbox" name="check[]" value="item4">This is Item 4</li></ul>

我的困惑是,当我使用$(‘#selecctall’).click(function()语句时,它与$(‘#selecctall’)的工作方式相同.单击(函数(事件).所以我可能知道哪个方向调用事件更好.

最佳答案

两者都是相同的,在function(){}中,您没有对事件对象的命名引用,该事件对象作为第一个参数传递给事件处理程序.当您使用function(event){}时,您正在接收带有引用它的参数事件的事件对象.

在正常情况下,您可能不需要访问事件对象,因此第一种方法可以正常使用.

但是,如果您需要访问事件对象的属性(如目标)或停止事件传播或阻止事件的默认操作,则可能必须使用第二个变量.

总结

以上是脚本之家为你收集整理的jquery中的function(event)vs function()全部内容,希望文章能够帮你解决jquery中的function(event)vs function()所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。
标签:jquery