jQuery イベントに関する関連ナレッジポイント

jacklove
リリース: 2018-05-08 11:39:30
オリジナル
1347 人が閲覧しました

jQueryは、jsで特に重要なイベント処理用に特別に設計されているため、この記事ではjQueryイベントについて学びます。

jQueryイベント関数

jQueryイベント処理メソッドは、jQueryの中核となる関数です。

イベント ハンドラーは、HTML で特定のイベントが発生したときに呼び出されるメソッドを指します。ある出来事によって「引き起こされた」(または「触発された」)という用語がよく使われます。

通常は、 セクションのイベント処理メソッドに jQuery コードを記述します:

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){  $("button").click(function(){
    $("p").hide();
  });});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>
ログイン後にコピー

自分で試してみてください

上記の例では、ボタンのクリックイベントが発生したときに呼び出されます。トリガーされた関数:

$("button").click(function() {..some code... } )

このメソッドは、すべての

要素を非表示にします:

$("p")。 Hide ();

関数を別のファイルに配置する

Web サイトに多くのページが含まれており、jQuery 関数の保守を容易にしたい場合は、jQuery 関数を別の .js ファイルに配置します。

チュートリアルで jQuery を説明するときは、関数を セクションに直接追加します。ただし、次のように、それらを別のファイルに置く方がよいでしょう (src 属性を介してファイルを参照します):

Example

<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="my_jquery_functions.js"></script>
</head>
ログイン後にコピー

jQuery 名の競合

jQuery は、jQuery への 入門方法として $ 記号を使用します。 。

他の JavaScript ライブラリの一部の関数 (Prototype など) も $ 記号を使用します。

jQuery は、この問題を解決するために noConflict() と呼ばれるメソッドを使用します。

var jq=jQuery.noConflict() は、$ 記号の代わりに独自の名前 (jq など) を使用するのに役立ちます。

結論

jQuery は HTML イベントを処理するように特別に設計されているため、次の原則に従うと、コードはより適切になり、保守が容易になります:

すべての jQuery コードをイベント ハンドラーに配置する

場所 すべてのイベント処理関数は、ドキュメント準備完了イベント ハンドラー

jQuery コードを別の .js ファイルに配置します

名前の競合がある場合は、jQuery ライブラリの名前を変更します

この記事では、jQuery イベントについての適切な理解を提供します。その他の学習資料については、注意してください。 php 中国語 Web サイトにアクセスしてご覧ください。

関連する推奨事項:

SQL Server - RDBMS 関連の知識

SQL NULL 値に関する関連知識ポイント

SQL Date 関数に関連する知識の説明

以上がjQuery イベントに関する関連ナレッジポイントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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