今回は jquery の DOM とイベントについてお届けします。jquery の DOM とイベントを使用する際の 注意事項 は何ですか?実際の事例を見てみましょう。
ライブラリとフレームワークの違いを教えてください。 フレームワークとクラス ライブラリの最も重要な違いは、制御の反転です。フレームは型のようなもので、型に原料を入れて完成品が出てきます。制御は金型にあります。ただし、クラス ライブラリは異なります。コントロールは自分の手にあります。クラス ライブラリは、目的を達成するために必要な関数を多数カプセル化するのに役立ちます。これらの関数を適切に呼び出す必要があるためです。
ドキュメント オブジェクトの操作、DOM 要素の選択、アニメーション効果の作成、
イベント処理、Ajax およびその他の関数の使用。さらに、jQuery は開発者がプラグインを作成するための API を提供します。そのモジュール式の使用法により、開発者は強力な静的または動的 Web ページを簡単に開発できます。
違い:
1. jquery セレクターによって取得される jquery オブジェクトと、標準
javascript の document.getElementById() によって取得される dom オブジェクトは 2 つの異なるオブジェクト型であり、jQuery は使用できません。同様に、DOM オブジェクトは jQuery のメソッドを使用できません。無差別に使用すると、エラーが報告されます。 変換方法:
jQuery オブジェクトから DOM オブジェクトへの 2 つの変換方法:
1. jQuery オブジェクトは、[index] メソッドを通じて
など:
var $v = $("#v") ; //jQuery对象 var v = $v[0]; //DOM对象
例:
var $v = $("#v"); //jQuery对象 var v = $v.get(0); //DOM对象
DOMオブジェクトの場合は、DOMオブジェクトを$()でラップするだけでjQueryオブジェクトを取得します
例:
var v=document.getElementById("v"); //DOM对象 var $v=$(v); //jQuery对象
bind: イベント ハンドラーを要素にバインドします。
unbind: 以前にアタッチされたイベント ハンドラーを要素から削除します。
デリゲート: 一致した要素の現在または将来の子要素に 1 つ以上のイベント ハンドラーをアタッチします。
live: 現在または将来の一致する要素に 1 つ以上のイベント ハンドラーを追加します。
on: 選択した要素に 1 つ以上のイベント ハンドラーをバインドします。
off: イベント ハンドラーを削除します。
オンでもオフでも使えるおすすめです。
on の使用法: .on( events [, selector ] [, data ], handler(eventObject) )
jquery はどのようにして要素を表示/非表示にしますか?
jqueryアニメーションの使い方?
要素内の HTML コンテンツを設定および取得するにはどうすればよいですか?要素の内部テキストを設定および取得するにはどうすればよいですか?
フォームユーザーが入力または選択した内容を設定および取得するにはどうすればよいですか?要素のプロパティを設定および取得するにはどうすればよいですか?
$(‘selector’).val()获取表单内容 $(‘selector’).val(val)设置表单内容 $(‘selector’).attr(attributeName)获取元素属性 $(‘selector’).attr(attributeName,value)设置元素属性 $(‘selector’).removeAttr(attributeName)移除属性
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
ブラウザをエディタに変える方法
以上がjQueryのDOMとイベントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。