コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery オブジェクトと DOM オブジェクト間の変換_jquery

jQuery オブジェクトと DOM オブジェクト間の変換_jquery

WBOY
リリース： 2016-05-16 16:11:12
オリジナル
1122 人が閲覧しました

1. jQuery オブジェクトを DOM オブジェクトに変換します

jQuery オブジェクトは DOM 内のメソッドを使用できませんが、jQuery オブジェクトによって提供されるメソッドに慣れていない場合、または jQuery が必要なメソッドをカプセル化せず、DOM オブジェクトを使用する必要がある場合、それらに対処する方法が 2 つあります。

1. jQuery オブジェクトは配列のようなオブジェクトであり、対応する DOM オブジェクトは [index] メソッドを通じて取得できます。

コードをコピーします コードは次のとおりです:
var $cr=$("#cr") //jQuery オブジェクト
var cr=$cr[0] //DOM オブジェクト

2. もう 1 つは jQuery 自体によって提供され、対応する DOM オブジェクトは get(index) メソッドを通じて取得されます

コードをコピーします コードは次のとおりです:
var $cr=$("#cr") //jQuery オブジェクト
var cr=$cr.get(0) //DOM オブジェクト

2. DOM オブジェクトを jQuery オブジェクトに変換する

DOM オブジェクトの場合、DOM オブジェクトを $() でラップするだけで jQuery オブジェクトを取得できます。

コードをコピーします コードは次のとおりです:
var cr=document.getElementById("cr") //DOM オブジェクト
var $cr=$(cr) //jQuery オブジェクト

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

関連ラベル：
変換する
ソース：php.cn
前の記事：よく使うJavaScriptスクリプトまとめ(1)_javascriptスキル 次の記事：JavaScriptを深く理解するシリーズ(18)：オブジェクト指向プログラミングのECMAScript実装_基礎知識
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
無効な React 子要素 (見つかった: キー {clientVersion} を持つオブジェクト)。子要素のコレクションをレンダリングする場合は、代わりに配列を使用してください 複数ステップのフォームを持っているのですが、送信しようとするとこのエラーが表示されます。ただし、createOrganization スケジュールを単純な形式で使用すると、機能しま...
から 2024-04-06 16:25:39
0
1
346
vue vee-validate は日付ピッカーの選択の問題をキャプチャします datepicker フィールドの v-model バインディングが正しく機能しません。選択を行うと、画面上でライブ更新されますが、値は formValues リアクティブ オブジ...
から 2024-04-06 11:38:56
0
1
510
**エラーの種類: 'NoneType' オブジェクトを反復できません** SSHトンネルを使用してMySQLデータベースにアクセスしたいと考えています。残念ながら、関数が私のクエリ形式と互換性がないように見えるため、このコードのアーキテクチャは私のクエリ...
から 2024-04-06 10:26:38
0
1
378
オブジェクトを配列にプッシュする、コンポーザブル API プロジェクトがあります。 「サイズ」（大、小）と数量（2/4/6）の 2 つの選択オプションがあります。各オプションが選択されると、その選択内容がタイトルに表示される必要があります...
から 2024-04-05 14:41:47
0
1
1526
HTML テーブル内のオブジェクトのネストされた配列を反復して表示します ネストされたオブジェクトの配列を含む次の入力があります。 summary は親オブジェクト配列、run_type はネストされたオブジェクト配列です。 letinput={&quo...
から 2024-04-05 14:11:42
0
1
1373
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート