這篇文章主要介紹了jQuery的one()方法用法,實例分析了one()方法的功能、定義及為匹配元素的特定事件綁定一個一次性的事件處理方法使用技巧,需要的朋友可以參考下
本文實例講述了jQuery的one()方法用法。分享給大家供大家參考。具體分析如下:
為符合元素的特定事件綁定一個一次性的事件處理方法。
在語法上one()方法和bind()方法是一樣的,它們的差異在於綁定的處理方法的執行次數。
語法結構:
程式碼如下:
$(selector).one(event,data,function)
參數清單:
實例程式碼:
#程式碼如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>one() 函数 -脚本之家</title> <style type="text/css"> p{ width:100px; height:100px; border:1px solid red } </style> <script type="text/ javascript " src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $( document ).ready(function(){ $("p").one("click",function(){ $(this).append("添加的内容"); }) }) </script> </head> <body> <p></p> </body> </html>
點擊p之後,可以為p新增指定的內容,但是此事件處理函數只會被執行一次。
以上是jQuery的one()方法用法實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!