ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery オブジェクトと DOM オブジェクトおよび文字列間の変換の例

jQuery オブジェクトと DOM オブジェクトおよび文字列間の変換の例

黄舟
黄舟オリジナル
2017-08-13 10:13:311624ブラウズ

以下のエディターは、jQuery オブジェクト、DOM オブジェクト、文字列間の変換の例を示します。編集者はこれがとても良いものだと思ったので、皆さんの参考として今から共有します。エディターをフォローして一緒に見てみましょう

1. String---------->jQuery object

$(HTML string): $('e388a4556c0f65e1904146cc1a846bee私はAです祖国の小さな花94b3e26ee717c64999d7867364b1b4a3')

追加するリスト

2. jQueryオブジェクト---------->DOMオブジェクト

添字選択方法(原理:jQuery)は DOM の配列形式です): $("h2")[1]

.get(index) 関数を使用します

3. 文字列 ----------->DOM オブジェクト

スクリプト関数を作成します


function parseDom(nodelist) { //nodelist是html文本字符串
 var objE = document.createElement("p"); 
 objE.innerHTML = nodelist;
 return objE.childNodes;
}

最初に「文字列」--->jQuery---->DOMオブジェクトを配置します

4. >String

Use the function .html()

$(selector).html();//セレクターを使用して、jQuery で文字列に変換する dom オブジェクトを選択し、html ( ) 機能が完了しました

以上がjQuery オブジェクトと DOM オブジェクトおよび文字列間の変換の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。