ホームページ > ウェブフロントエンド > htmlチュートリアル > html events_html/css_WEB-ITnose の追加と削除

html events_html/css_WEB-ITnose の追加と削除

WBOY
リリース: 2016-06-21 08:56:19
オリジナル
1343 人が閲覧しました

jQuery

jQuery1.7 バージョンでは

bind() unbind() ,live() die(), on() off() ,delegate()

次に li 要素にイベントを追加します

bind() 古いバージョンの記述: イベントはスクリプトによって作成された新しい要素に適用できません

live() の古いバージョン書き込み: スクリプトで作成された新規要素に適用可能 書き込み方式だが、パフォーマンスが非常に悪い

on() 新しい書き込み方式では、スクリプトで作成された新規要素(複数の関数バインディングを受け取る)にイベントを適用することができない🎜>

これら 3 つのメソッドは、要素自体にイベントを追加する必要性に基づいています。

$("ul li").bind("click",function(){	alert("不响应事件!");})
ログイン後にコピー


delegate() スクリプトによって作成された新しい要素に適した新しいバージョンの記述

$(".demonstrate").delegate("ul li","click",function(){ alert("响应事件!");})
ログイン後にコピー

$(ele).on() ele は、セレクターに一致する現在および将来の要素 (作成された新しい要素など) に適用されます。 by scripts)

$(".parent").on("click","ul li",function(e){    alert("响应"+e.type+"事件!");});
ログイン後にコピー

ただし、jQuery1.8 バージョンでは、イベントは on() メソッドにバインドされます。オリジナルでもスクリプトで作成したものでもバインドできます。

上記の各メソッドの後に、対応するバインド解除メソッドが続きます。使い方も同様です。


jq にもバインド解除メソッドがあります

removeAttr('onclick');删除attr("onclick","WdatePicker()");添加
ログイン後にコピー

js メソッド

attachEvent と addEventListener の違い

适应的浏览器版本不同,同时在使用的过程中要注意attachEvent方法          按钮onclickaddEventListener方法    按钮click两者使用的原理:可对执行的优先级不一样的事件进行操作:attachEvent方法,为某一事件附加其它的处理事件。(不支持Mozilla系列) 也就说可绑定多个事件并都执行(顺序最后到前)addEventListener方法 用于 Mozilla系列  绑定多个只执行最后一个**绑定函数不要加括号
ログイン後にコピー

removeEventListener() unbinds


参考記事 http://www.phpvar.com /archives /2529.html

http://blog.163.com/wumingli456@126/blog/static/288964142010755811775/

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート