<html>
<head>
</head>
<body>
<button id="btn1">按鈕1</button>
<button id="btn2">按鈕2</button>
<button id="btn3">按鈕3</button>
<select class="" name="">
<option value="iPhone">iPhone</option>
<option value="iPad">iPad</option>
</select>
</body>
/*引入jQuery*/
<script src="jquery-2.2.3.js" charset="utf-8"></script>
<script type="text/javascript>
$(function (){
// 給按鈕綁定事件
// 可以通過群組選擇器選出多個元素朴沿,并且可以同時添加事件
// 可以同時給元素綁定多個事件忱屑,只需要在on()的第一個參數(shù)的位置添加事件類型病梢,中間使用空格分隔炭菌,即可
// $('#btn1, #btn2').on('click mouseover mouseout', function (e) {
// 使用on()方式綁定的事件的回調(diào)中酿愧,內(nèi)部的this為觸發(fā)該方法的原生DOM對象屯换。
// 如果需要使用驻仅,建議轉(zhuǎn)為JQ元素乏奥,后續(xù)使用JQ方法
// var $this = $(this);
// $this.html('button');
//
// 每次函數(shù)被調(diào)用摆舟,都會產(chǎn)生一個事件對象,就是函數(shù)的參數(shù)e邓了,并且JQ已經(jīng)出了兼容的問題
// 通過e.type就可以獲取事件類型
// console.log(e.type);
// console.log(e);
// });
// 移除事件
// $('#btn1, #btn2').off('mouseover mouseout');
// 綁定一次事件
// $('#btn3').one('click', function () {
// console.log(this);
// });
// $('#btn1').on('click mouseover', function (e) {
// if (e.type == 'click') {
// console.log('click');
// } else if (e.type == 'mouseover') {
// console.log('mouseover');
// }
// });
// 如果給一個按鈕綁定多個事情的時候恨诱,可以給on()方法傳遞一個對象,方法類型和對于的函數(shù)以鍵值對的方式傳入
// $('#btn1').on({
// 'click': function () {
// console.log('click');
// },
// 'mouseover': function () {
// console.log('mouseover');
// }
// });
// 簡化事件的綁定
$('#btn1').click(function () {
console.log('click');
});
$('#btn2').mouseout(function () {
console.log('dblclick');
});
$('select').change(function () {
console.log(this.value);
});
// 瀏覽器大小發(fā)生改變
$(window).resize(function () {
console.log('fads');
});
});
</script>
</html>
jQuery--代理
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來汗茄,“玉大人秸弛,你說我怎么就攤上這事『樘迹” “怎么了递览?”我有些...
- 文/不壞的土叔 我叫張陵,是天一觀的道長瞳腌。 經(jīng)常有香客問我绞铃,道長,這世上最難降的妖魔是什么嫂侍? 我笑而不...
- 正文 為了忘掉前任儿捧,我火速辦了婚禮,結(jié)果婚禮上挑宠,老公的妹妹穿的比我還像新娘菲盾。我一直安慰自己,他們只是感情好各淀,可當(dāng)我...
- 文/花漫 我一把揭開白布懒鉴。 她就那樣靜靜地躺著,像睡著了一般碎浇。 火紅的嫁衣襯著肌膚如雪临谱。 梳的紋絲不亂的頭發(fā)上,一...
- 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼魏颓!你這毒婦竟也來了岭辣?” 一聲冷哼從身側(cè)響起,我...
- 正文 年R本政府宣布纪铺,位于F島的核電站相速,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏鲜锚。R本人自食惡果不足惜突诬,卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望烹棉。 院中可真熱鬧攒霹,春花似錦、人聲如沸浆洗。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽伏社。三九已至抠刺,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間摘昌,已是汗流浹背速妖。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 作為一名前端開發(fā)工程師川蒙,我們在開發(fā)中經(jīng)常會遇到跨域這個問題。今天想從跨域的原理說起产弹,接著到解決方案派歌,最后到框架對跨...
- jQuery實現(xiàn)事件代理 1.事件代理的原理和意義 實現(xiàn)原理是利用了瀏覽器的事件冒泡和事件源(target)。在j...
- 一.創(chuàng)建節(jié)點 1 2 二.插入節(jié)點jQuery 提供了好幾種個方法來插入節(jié)點:1撬讽、內(nèi)部插入節(jié)點方法方法名描述app...
- 當(dāng)我們使用ScrollView中嵌套ListView空間蕊连,無法正確的計算ListView的大小,故可以通過代碼游昼,根...