首頁  >  文章  >  web前端  >  jquery函數on怎麼用

jquery函數on怎麼用

coldplay.xixi
coldplay.xixi原創
2020-12-01 15:25:442195瀏覽

jquery函數on的使用方法:on方法在被選元素及子元素上新增一個或多個事件處理程序,語法為【$(selector).on(event,childSelector,data,function) 】。

jquery函數on怎麼用

本教學操作環境:windows7系統、jquery3.2.1版本,此方法適用於所有品牌電腦。

jquery函數on的使用方法:

定義與用法

on()方法在被選取元素及子元素上新增一個或多個事件處理程序。

on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。這個方法為 API 帶來很多便利,我們推薦使用該方法,它簡化了 jQuery 程式碼庫。

注意:使用 on() 方法新增的事件處理程序適用於目前及未來的元素(例如由腳本建立的新元素)。

提示:

  • 如需移除事件處理程序,請使用 off() 方法。

  • 如需新增只執行一次的事件然後移除,請使用 one() 方法。

語法

$(selector).on(event,childSelector,data,function)

jquery函數on怎麼用

#<p></p> 元素新增click 事件處理程序:

$(document).ready(function(){
  $("p").on("click",function(){
    alert("段落被点击了。");
  });
});

以上是jquery函數on怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn