H5eduæè²Html5为æ¨è§£çï¼
1.äºä»¶ä»£ççåçåæä¹
å®ç°åçæ¯å©ç¨äºæµè§å¨çäºä»¶å泡åäºä»¶æºï¼targetï¼ã
å¨jsä¸äºä»¶ä¼å泡å°ç¶çº§èç¹ï¼æ以æ们å¯ä»¥å¨ç¶çº§èç¹è¿è¡äºä»¶ä»£çãä¾å¦ä¸ä¸ªä½¿ç¨jQueryçå½æ°ï¼
$("#tab td").click(function(){
$(this).css("background","red");
}) ;
ä¸é¢çå½æ°ç»ä¸ä¸ªtabçtdå äºä¸ä¸ªåå»äºä»¶ï¼ä½æ¯å¦æè¡¨æ ¼1000è¡ï¼å°±å¾ç»å®1000次ï¼
$("#tab").bind("click",function(ev)){
var $obj=$(ev.target);
$obj.css("background","red");
}
以ä¸ç¨bindå½æ°å°clickç»å®å°äºtabä¸ï¼ä»èå®ç°äºä»¶ä»£çã
2.jQueryä¸çç»å®å½æ°
(1).bind()为æ¯ä¸ªå¹é
å
ç´ çç¹å®äºä»¶ç»å®äºä»¶å¤çå½æ°
$("#niu").bind('click',function(){
alert("hello niuniu");
});
æ¤ä»£ç æid为niuçå
ç´ ååºäºä»¶clickï¼å¹¶æ¾ç¤ºè¦æ¥ã使ç¨bindç»å®å¤ä¸ªäºä»¶æ¶ï¼å¯ä»¥è¿æ ·
$("#niu").bind('mouseenter mouseleava',function(){
$(this).css("background","yellow");
});
$("#foo").bind({
click:function(){
},
mouseenter:function(){
}
});
(2).delegate()æå®çå
ç´ ï¼å±äºè¢«éå
ç´ çåå
ç´ ï¼æ·»å ä¸ä¸ªæå¤ä¸ªäºä»¶å¤çç¨åºï¼å¹¶è§å®å½è¿äºäºä»¶åçæ¶è¿è¡çå½æ°
$("table").delegate("td","click",function(){
$(this).toggleClass("chosen");
});
(3).onå¨éæ©å
ç´ ä¸ç»å®ä¸ä¸ªæå¤ä¸ªäºä»¶çäºä»¶å¤çå½æ°
function greet(event) { alert("Hello"+event.data.name); }
$("button").on("click", { name: "Karl" }, greet);
$("button").on("click", { name: "Addy" }, greet);
(4).liveç»ææå¹é
çå
ç´ éå ä¸ä¸ªäºä»¶å¤çå½æ°ï¼å³ä½¿è¿ä¸ªå
ç´ æ¯ä»¥ååæ·»å è¿æ¥ç
$("a").live("click", function() { return false; })
以ä¸æ¯å¸¸ç¨çç»å®å½æ°ã
ææ¯ææ¡£å¼ç¨ï¼
èªä».live()æ¹æ³å¤çäºä»¶ä¸æ¦ä¼ æå°ææ¡£ç顶é¨ï¼liveäºä»¶æ¯ä¸å¯è½åæ¢ä¼ æçãåæ ·å°ï¼.delegate() äºä»¶å°å§ç»ä¼ æç»å
¶ä¸å
å«ç被å§æå
ç´ ï¼åæ¶ï¼ä»»ä½å¨ DOM æ ä¸ï¼æ¯è¿äºå
ç´ ä½çå
ç´ ä¸ç»å®çç¸åäºä»¶ï¼å¨ .delegate() äºä»¶è¢«è°ç¨çæ¶åï¼ä¹ä¼è¢«è§¦åãå æ¤ï¼å¦æè¦å¨äºä»¶ä¸é»æ¢å§æäºä»¶è¢«è§¦åï¼å¯ä»¥è°ç¨event.stopPropagation()æè
è¿åfalseé²æ¢å§æ´¾å¤çç¨åºå泡ã
ç®åæ¥è¯´ï¼.bind()æ¯ç´æ¥ç»å®å¨å
ç´ ä¸ï¼è.live()å.delegate()åæ¯éè¿å泡çæ¹å¼æ¥ç»å®å°å
ç´ ä¸çã.bind()æ¹æ³åªè½ç»å½ååå¨çå
ç´ ç»å®äºä»¶ï¼å¯¹äºäºåéç¨JSæ¹å¼æ°çæçå
ç´ æ æï¼èliveæ¹æ³å¯ä»¥å¯¹åçæçå
ç´ ä¹å¯ä»¥ç»å®ç¸åºçäºä»¶ã
温馨提示:答案为网友推荐,仅供参考