jQuery_jqueryのbind()メソッドの使用例

この記事の例では、jQuery での binding() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このメソッドは、一致する要素の特定のイベントにイベント ハンドラーをバインドします。
binding() メソッドは、構文的には one() メソッドと同じです。違いは、バインドされた処理メソッドの実行数にあります。

文法構造 1:

コードをコピー コードは次のとおりです。

$(selector).bind(type,data,function) )

パラメータリスト:

参数	描述
type	定义绑定到匹配元素中的事件类型。 如果有多个事件使用空格分隔。
data	可选。传递给事件对象的额外数据对象。
function	定义当事件发生时运行的方法。

コード例:

コードをコピーします コードは次のとおりです:

<頭>





<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("div").bind("click",function(){$("div").css({color:"green",fontSize:"20px"})});
})

スクリプト ハウスはあなたを歓迎します

文法構造 2:

コードをコピー コードは次のとおりです。

$(selector).bind({type:function, type:function , ...})

パラメータリスト:

参数	描述
{type:function, type:function, ...}	定义绑定到匹配元素的事件和事件处理方法。 type与function参数描述如上表。

实例代码:

复制代 代码如下:

<頭>





<スクリプトタイプ="text/javascript">
$(document).ready(function(){
  $("div").bind({click:function(){$("div").css("color","green")},
    Mouseover:function(){$("div").css("背景色","青")},
    dblclick:function(){$("div").css("背景色","赤")}
  })
})



 

脚本之家欢迎您

ここで説明されている大規模な jQuery プログラムの設計が役立つことを望みます。

本文转自：蚂蚁集落http://www.softwhy.com/