JQuery入門——用one()方法綁定事件處理函數(shù)(僅觸發(fā)一次)
1、one()方法功能是為所選的元素綁定一個(gè)僅觸發(fā)一次的處理函數(shù),其調(diào)用的語法格式為:one(type, [data], fn)
其中參數(shù)type為事件類型,即需要觸發(fā)什么類型的事件;參數(shù)data為可選參數(shù),表示作為event.data屬性值傳遞給事件對(duì)象的額外數(shù)據(jù)對(duì)象;fn為綁定事件時(shí)所要觸發(fā)的函數(shù)。
2、示例代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>其他事件</title>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
$("#button").bind("click",function(){
$("#button").attr("value","14797710665");
});
})
</script>
</head>
<body>
<div>
<input id="button" type="button" value="查看聯(lián)系方式" class="btn"/>
</div>
</body>
</html>
3、效果圖預(yù)覽:
點(diǎn)擊后:
再點(diǎn)擊無反應(yīng)
- jQuery中對(duì)未來的元素綁定事件用bind、live or on
- jquery新的綁定事件機(jī)制on方法的使用方法
- 淺談jquery之on()綁定事件和off()解除綁定事件
- jQuery中bind(),live(),delegate(),on()綁定事件方法實(shí)例詳解
- jQuery中on綁定事件后引發(fā)的事件冒泡問題如何解決
- Jquery on方法綁定事件后執(zhí)行多次的解決方法
- jQuery中綁定事件bind() on() live() one()的異同
- jQuery綁定事件on()與彈窗的簡(jiǎn)要概述
- jQuery中用on綁定事件時(shí)需注意的事項(xiàng)
相關(guān)文章
js阻止瀏覽器默認(rèn)行為的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄猨s阻止瀏覽器默認(rèn)行為的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05基于JavaScript實(shí)現(xiàn)數(shù)碼時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)數(shù)碼時(shí)鐘效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07js實(shí)現(xiàn)點(diǎn)擊圖片改變頁面背景圖的方法
這篇文章主要介紹了js實(shí)現(xiàn)點(diǎn)擊圖片改變頁面背景圖的方法,實(shí)例分析了javascript操作css與圖片的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02原生javascript實(shí)現(xiàn)圖片彈窗交互效果
這篇文章主要介紹了原生javascript實(shí)現(xiàn)圖片彈窗交互效果的方法及的相關(guān)資料,需要的朋友可以參考下2015-01-01