'$' を追加して '$' を解決する jQuery カスタム メソッドconflict_jquery

この記事の例では、jQuery をカスタマイズして「$」を追加し、「$」の競合を解決する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

1. $

を追加してカスタマイズします。

jQuery は非常に強力ですが、いずれにせよ、jQuery はすべてのユーザーのニーズを満たすことはできません。また、一部のニーズは非常にニッチであり、jQuery フレームワーク全体に含めるには適していません。だからこそ、jQuery はユーザーに提供します。 with 「$」の付加方法をカスタマイズします。

コードは次のとおりです:

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

$.fn.disable = function() {
return this.each(function() {
If (typeof this.disabled != "未定義") this.disable = true;
});
}

上記のコードは最初に「$.fn.disable」を設定します。これは、「$」がメソッド disable() を追加することを示します。「$.fn」は jQuery を拡張するために必要です。

次に、匿名関数を使用してこのメ​​ソッドを定義します。つまり、each() を使用して、このメソッドを呼び出す各要素の無効な属性を true に設定します (この属性が存在する場合)

。

例: jquery の機能拡張

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

<フォームメソッド="post" name="myForm1" action="addInfo.aspx">

名前を入力してください:

パスワードを入力してください:

お好きな色をお選びください:


<名前="カラー" id="カラー"を選択>
红
Green
blue
黄
青
purple

性別を選択してください:



男性



女

何をするのが好きですか:




読書

インターネット

sleep

メッセージを残したい:

メソッド SwapInput(nName,oButton) は、ボタンの値「disable」に基づいて判断し、要素を使用不可に設定するために disable() をディスパッチし、同時に値を変更します。ボタンを「有効」に設定すると、enable() メソッドが送出されます。

2. "$" の競合を解決します

前の記事の状況と同様に、JQuery は非常に強力ですが、開発者が複数のフレームワークを同時に使用する場合があります。このとき、他のフレームワークでも "$" が使用される可能性があるため、注意が必要です。 jQ には、「$」の競合の問題を解決するための noConflict () メソッドも用意されています。

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

jQuery.noconflict();

上記のコードは、「$」を他の JavaScript フレームワークと同じように動作させることができます。つまり、「$」は jQuery では使用できなくなりますが、たとえば、「jQuery」を使用する必要があります。 jQuery("h2 a" ") として記述する必要があります

この記事が皆さんの jQuery プログラミングに役立つことを願っています。