我是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){}时,您正在接收带有引用它的参数事件的事件对象.

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

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