技术问答jQuery鐨刣elegate()鍑芥暟鎬庝箞浣跨敤 - 扬州沐宇科技

jQuery鐨刣elegate()鍑芥暟鐢ㄤ簬灏嗕簨浠剁粦瀹氬埌琚€夊厓绱犵殑瀛愬厓绱犱笂锛屽嵆鍙互缁戝畾鍔ㄦ€佺敓鎴愮殑鍏冪礌銆?/p>

delegate()鍑芥暟鐨勮娉曞涓嬶細

$(selector).delegate(childSelector, event, handler);

鍏朵腑锛屽弬鏁拌鏄庡涓嬶細

selector: 蹇呴渶锛岃琚粦瀹氫簨浠剁殑鐖跺厓绱犻€夋嫨鍣ㄣ€?/p>
childSelector: 蹇呴渶锛岃缁戝畾浜嬩欢鐨勫瓙鍏冪礌閫夋嫨鍣ㄣ€?/p>
event: 蹇呴渶锛岃缁戝畾鐨勪簨浠剁被鍨嬶紝濡俢lick銆乵ouseover绛夈€?/p>
handler: 蹇呴渶锛屼簨浠惰Е鍙戞椂鎵ц鐨勫嚱鏁般€?/p>

涓嬮潰鏄竴涓娇鐢╠elegate()鍑芥暟鐨勭ず渚嬶紝灏嗙偣鍑讳簨浠剁粦瀹氬埌鐖跺厓绱犵殑瀛愬厓绱犱笂锛?/p>

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("ul").delegate("li", "click", function(){
$(this).toggleClass("selected");
});
});
</script>
<style>
.selected {
background-color: yellow;
}
</style>
</head>
<body>
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
<li>List item 5</li>
</ul>
</body>
</html>

鍦ㄤ笂闈㈢殑绀轰緥涓紝鎴戜滑灏嗙偣鍑讳簨浠剁粦瀹氬埌ul鍏冪礌鐨勫瓙鍏冪礌li涓婏紝褰撶偣鍑籰i鍏冪礌鏃讹紝浼氬垏鎹㈤€変腑鏍峰紡銆?/p>