在jQuery中,click()是最常用的事件綁定方法之一。它用于為元素綁定一個點擊事件,當元素被點擊時觸發相應的函數。而click()方法的繼承則是一種靈活的方法,它可以使得子元素繼承父元素的點擊事件。
$(document).ready(function(){ $("div").click(function(){ alert("Hello, world!"); }); $("p").click(function(){ $(this).hide(); }); $("div").click(); });
上面的代碼中,我們為div元素綁定了一個點擊事件,當div元素被點擊時,會彈出一個“Hello, world!”的提示框。接著,我們又為p元素綁定了一個點擊事件,當p元素被點擊時,會隱藏該元素。但是我們在最后一行加入了$("div").click(),這意味著當我們點擊div元素時,不僅僅會觸發div元素自己的點擊事件,也會觸發它的子元素p元素的點擊事件。
繼承的好處在于,它可以讓我們在綁定元素的事件時,避免重復的代碼。在上面的例子中,如果我們沒有使用click()方法的繼承,而是對div和p元素都分別綁定了點擊事件,我們的代碼就會顯得冗余。
需要注意的是,click()方法的繼承只能在父元素中通過觸發事件來實現,不能通過調用方法來實現,也就是說,如果我們使用$("p").click()來觸發p元素的點擊事件,不會觸發div元素的點擊事件。
下一篇加載中css樣式