国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

解析jQuery的三種bind/One/Live事件綁定使用方法_jquery

來源:懂視網 責編:小采 時間:2020-11-27 21:18:02
文檔

解析jQuery的三種bind/One/Live事件綁定使用方法_jquery

解析jQuery的三種bind/One/Live事件綁定使用方法_jquery:jQuery是 一款優秀的JavaScript框架,在舊版里主要用bind()方法,在新版里又多了兩種One(),Live(),下面介紹這幾種方法的使用: 1. bind/Unbind在jquery的事件模型中,有兩個基本的事件綁 定函數,bind與unbind,這兩個函數的含義就是匹配頁面元素進
推薦度:
導讀解析jQuery的三種bind/One/Live事件綁定使用方法_jquery:jQuery是 一款優秀的JavaScript框架,在舊版里主要用bind()方法,在新版里又多了兩種One(),Live(),下面介紹這幾種方法的使用: 1. bind/Unbind在jquery的事件模型中,有兩個基本的事件綁 定函數,bind與unbind,這兩個函數的含義就是匹配頁面元素進

jQuery是 一款優秀的JavaScript框架,在舊版里主要用bind()方法,在新版里又多了兩種One(),Live(),下面介紹這幾種方法的使用:

1. bind/Unbind
在jquery的事件模型中,有兩個基本的事件綁 定函數,bind與unbind,這兩個函數的含義就是匹配頁面元素進行相關事件的處理。比如我們在JS中經常使用到的 onfocus,onblur,onmouseover,onmousedown等事件都可以作為bind的參數進行傳遞。

$("#id").bind('click',function(){alert('tt!')});

其中bind的第一個參數代表的含義是:事件類型(注意不需要加on),function中的代碼就是你要執行的邏輯 代碼
多個事件綁定:bind還允許你綁定多個事件,事件名字之間用空格隔開,例如:

$('a').bind('click mouseover',function(){

在最新的jquery1.4版本中,對bind方法進行了改進,你可以在bind方法傳入一個類JSON對象來一次綁定多 個事件處理函數。

$('a').bind({
click:function(){alert('a');},
mouseover:function(){alert('a again!')}


在function函數中,你還可以通過傳遞一個javaScript對 象給function方法,這個事件對象通常是可以省略的。
bind中還有一個參數data, 該參數一般情況下很少使用,通常為了解決在同一個方法中處理同一個變量時有很好的處理。

var productname="Sports Shoes";
$('#Area').bind('click',function(){
alert(productname);
});

productname="necklace",
$('#Area').bind('click',function(){
alert(productname);
});


由于變量productname被重新賦值,所以輸出的消息都是”necklace”,這里不了解可以去查閱下關于JavaScript的變量作用域,要 解決這個問題就必須使用到data參數,

var productname="Sports Shoes";
$('#Area').bind('click',{pn:productname},function(){
alert(event.data.pn);
});
productname="necklace",
$('#Area').bind('click',{pn:productname},function(){
alert(event.data.pn);
});


2. One
為每一個匹配元素的特定事件(像click)綁定一個一次性的事件處理函數。該方法與bind方法的參數一樣,與bind方法的區別就是只對匹配元素的事 件處理執行一次,執行完之后,以后再也不會執行,當然重新發起web請求時它又會執行一次。

$('a').one('click',function(){
alert('a');
})

單擊頁面上的a元素后,彈出消息,除非用戶發起第二次請求,否則再次點擊a元素不會彈出消息對話框。


3. live
該方法主要是能處理動態添加的元素,給那些后添加的元素也一樣綁定事件。

$('a').live('click,function(){
alert('show message!');
})

然后如果我添加一個元素,

$('body').appnend('Another Element');

那么該元素也會被觸發事件處理函數alert。
另外,jQuery還提供了一些綁定這些標準事件類型的簡單方式,比如.click()用于簡化.bind(‘click')。


一共有以下這些事件名稱:blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error 等。

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

解析jQuery的三種bind/One/Live事件綁定使用方法_jquery

解析jQuery的三種bind/One/Live事件綁定使用方法_jquery:jQuery是 一款優秀的JavaScript框架,在舊版里主要用bind()方法,在新版里又多了兩種One(),Live(),下面介紹這幾種方法的使用: 1. bind/Unbind在jquery的事件模型中,有兩個基本的事件綁 定函數,bind與unbind,這兩個函數的含義就是匹配頁面元素進
推薦度:
標簽: one 幾種方法 live
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 特一级大黄在线观看 | 性色a v 一区 | 国产精品一区二区四区 | 亚洲欧美激情另类 | 亚洲伊人久久大香线蕉综合图片 | 精品久久久久久久一区二区手机版 | 亚洲国产精品一区二区久 | 一级毛片真人不卡免费播 | 国产网站在线 | 性新婚a大黄毛片 | 免费看男女做好爽好硬视频 | 亚洲情a成黄在线观看动 | 欧美色人阁 | 日韩电影免费在线观看网址 | 午夜日本一区二区三区 | 中文字幕欧美在线 | 午夜高清在线观看免费完整版 | 天天色啪 | 精品久久久久久综合网 | 欧美综合一区 | 在线免费国产视频 | 欧美 国产 日韩 第一页 | 国产一区二区自拍视频 | 99久久国产亚洲综合精品 | 亚洲伦 | 视频精品一区二区 | 99国产精品高清一区二区二区 | 国产精品免费观看网站 | 精品综合 | 日韩欧美亚州 | 福利视频一区二区牛牛 | 亚欧成人一区二区 | 韩国精品一区二区久久 | 亚洲男同网站 | 中文在线第一页 | 青草青99久久99九九99九九九 | 久久精品国产91久久综合麻豆自制 | 精品久久久久久亚洲 | 日韩欧美一二区 | 亚洲欧美日韩另类精品一区二区三区 | 欧美性第一页 |