jquery - jquery 中的函数(事件)与函数()

Question

我是 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') 相同。 click(function(event)。所以我可以知道哪种调用事件的方式更好。

Answer 1

在 Javascript 中，可以向函数传递定义中出现的不同数量的参数。

就您而言，

$('#selecctall').click(function() {

和

$('#selecctall').click(function(event) {

和

$('#selecctall').click(function(foo) {

和

$('#selecctall').click(function(foo, bar, baz, bing) {

都是等价的，因为您不使用 jQuery 传递给函数的参数。

显然，更喜欢第一个，因为它最简洁且最具可读性。