用jquery如何給html元素綁定一個單擊事件

新建一個html文件，定名為test.html，用于講解jquery若何給html元素綁心猿意馬一個單擊事務。

在test.html頁面，利用script標簽引入jquery.min.js文件，當作功引入jquery庫文件才能利用bind()方式。

在test.html頁面，利用p元素建立一個文字段落，并利用button元素建立一個按鈕，代碼如下：

在test.html頁面，在script標簽內利用$(document).ready(）方式實此刻頁面加載時就執行function函數的代碼。

在function函數內，獲得button對象，經由過程bind()方式綁心猿意馬button對象，bind()方式有兩個參數，第一個是綁心猿意馬的事務，這里實現單擊事務，是以用click事務，另一個參數是一個函數，本家兒要用于按鈕點擊后實現的邏輯功能。

當按鈕被點擊，經由過程slideToggle()方式使p元素的內容滑動埋沒。代碼如下：

在瀏覽器運行test.html文件，點擊按鈕，因為button綁心猿意馬了單擊事務，會觸發執行function函數的代碼，實現p元素內容滑動埋沒。

0 條評論