jQuery プロトタイプの競合に対する 2 つの解決策 (デモ サンプルのダウンロード付き)_jquery
この記事では、jQuery プロトタイプの競合に対する 2 つの解決策を例とともに分析します。参考のために皆さんと共有してください。詳細は次のとおりです:
jquery とプロトタイプはどのように競合するのでしょうか? 最終的には、両方が $ を使用し、同時に使用されるため、混乱が生じます。この問題は少なくとも 5 回は解決されており、毎回確認する必要があります。痛くないよ、ふふ。
方法 1. jquery のコア ライブラリ ファイルにコードを追加します。
1. 通常は jquery.js または jquery.min.js で、バージョン番号が付いているものもあります。それがどのファイルであるかだけを知ってください。
})( window ); jQuery.noConflict(); //最后面，加上这一行。
2. テスト jquery とプロトタイプ ファイルをロードします
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script> <script src="jquery.min.js"></script>
3. jsコードの書き方
<script type="text/javascript">
alert('prototype value : '+$('test').value); //prototype写法
jQuery(document).ready(function($){ //注意这里的，jQuery和$
alert('jquery value : '+$('#test').val()); //jquery写法
});
</script>
この方法を推奨します。この方法はより効果的です。
完全なデモ コードは次のとおりです:
<html>
<head>
<script type="text/javascript" src="./prototype.js"></script>
<script src="jquery.min.js"></script>
</head>
<body>
<form>
<input id="test" type='text' name='test' value='test'/>
</form>
<script type="text/javascript">
alert('prototype value : '+$('test').value);
jQuery(document).ready(function($){
alert('jquery value : '+$('#test').val());
});
</script>
</body>
</html>
方法 2: jquery が呼び出される場所の競合を解決する
1. テスト jquery とプロトタイプ ファイルをロードします
//jquery和prototype，没有先后顺序，谁先谁后都一样。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script>
2.jsコード
<script type="text/javascript">
jQuery.noConflict(); //解决冲突，这个一定要放在js代码的最前面，不然就会报错了。
alert('prototype value : '+$('test').value);
jQuery(document).ready(function($){
alert('jquery value : '+$('#test').val());
});
</script>
この方法は、jquery のコア ソース ファイルが独自のサーバー上にない場合、または jquery コードが比較的小さい状況に適しています。サンプルデモここをクリックしてご覧ください。
完全なデモはここをクリックしてくださいこのサイトからダウンロードしてください。
この記事が jQuery プログラミングのすべての人に役立つことを願っています。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
CSSを介してファーストクラスの名前アイテムを使用して子要素を選択する方法は？
Apr 05, 2025 pm 11:24 PM
要素の数が固定されていない場合、CSSを介して指定されたクラス名の最初の子要素を選択する方法。 HTML構造を処理するとき、あなたはしばしば異なる要素に遭遇します...
ネガティブマージンが場合によっては効果がないのはなぜですか？この問題を解決する方法は？
Apr 05, 2025 pm 10:18 PM
なぜマイナスマージンが場合によっては有効にならないのですか？プログラミング中、CSSの負のマージン（負...
58.com作業ページでリアルタイムアプリケーションと視聴者のデータを取得する方法は？
Apr 05, 2025 am 08:06 AM
クロール中に58.com作業ページの動的データを取得するにはどうすればよいですか？ Crawlerツールを使用して58.comの作業ページをrawったら、これに遭遇する可能性があります...
エッジブラウザの特定のDIV要素が表示されないのはなぜですか？この問題を解決する方法は？
Apr 05, 2025 pm 08:21 PM
ユーザーエージェントスタイルシートによって引き起こされるディスプレイの問題を解決する方法は？ Edgeブラウザを使用する場合、プロジェクトのDIV要素を表示することはできません。チェックした後、私は投稿しました...
なぜマイナスマージンが場合によっては有効にならないのですか？
Apr 05, 2025 pm 04:09 PM
なぜマイナスマージンが場合によっては有効にならないのですか？ CSSを使用してWebページをレイアウトする場合、しばしば負のマージンに遭遇します（ネガティブ...
PSが開始されたときにロードの問題を解決する方法は？
Apr 06, 2025 pm 06:36 PM
ブートがさまざまな理由によって引き起こされる可能性がある場合、「読み込み」に巻き込まれたPS：腐敗したプラグインまたは競合するプラグインを無効にします。破損した構成ファイルの削除または名前変更。不十分なプログラムを閉じたり、メモリをアップグレードしたりして、メモリが不十分であることを避けます。ソリッドステートドライブにアップグレードして、ハードドライブの読み取りをスピードアップします。 PSを再インストールして、破損したシステムファイルまたはインストールパッケージの問題を修復します。エラーログ分析の起動プロセス中にエラー情報を表示します。
Webページにローカルにインストールされている「Jingnan Mai Round Body」を使用して、ディスプレイの問題を解決する方法は？
Apr 05, 2025 pm 02:06 PM
Web開発のWebページにローカルにインストールされたフォントファイルを使用する方法ユーザーは、コンピューターにインストールされている特定のフォントを使用してネットワークを強化することをお勧めします...
