ターゲットDOMにjQueryオブジェクト

自然やJavaScriptコードのjQueryライブラリは、それが頻繁に使用する機能のより良く、より便利で効率的なDOM処理と開発を提供するために、ちょうどJavaScript言語パッケージングプロセスです。我々はまた、一緒に使用するjQueryのJavaScriptのハイブリッドネイティブコードを使用することができます。多くのシナリオでは、我々は、DOM jQueryの相互変換できるようにする必要があり、動作可能であるDOM要素は、jQueryの配列はクラスオブジェクトであり、DOMオブジェクトは、単一のDOM要素です。

どのようにjQueryオブジェクトDOMオブジェクトに

アレイを用いて、DOM内のターゲット・オブジェクトを読み取るためのjQueryの様式

jQueryのDOMによって要求を取得することがオブジェクトに変換した後、1、我々は、いくつかのプロジェクトIDを持っているでしょう

図2に示すように、構造がアレイjQueryオブジェクト、div要素は、配列の添字をインデックスすることにより、第1見つけることができるされているので、jQueryを使ってすべてのdiv要素（3）を見つけるために

<！DOCTYPE HTML > 
< HTML > 
< ヘッド> 
    < メタHTTP-当量= "コンテンツタイプ" コンテンツ= "text / htmlの;のcharset = UTF-8"  /> 
    < タイトル> </ タイトル> 
    < スクリプトSRC = "のhttp：/ /code.jquery.com/jquery-1.11.3.js」> </ スクリプト> 
</ ヘッド> 
< 身体> 
    < divの>元素一</ divの> 
    < divの>元素二<
    DIV >要素3 </ divの> 
    
    < スクリプトタイプ= "テキスト/ JavaScriptを" > 
        VAR $ DIV = $（' div要素' ）; // jQueryのオブジェクト
        VARをDIV = $ DIV [ 0 ] ; //は、DOMに変換されたオブジェクト
        のdiv。 style.color =  ' 赤' ; // 操作属性オブジェクトのDOM 
    </ スクリプト> 
</ ボディ> 
</ HTML >

jQueryのは、get（）メソッドを介しています

<！DOCTYPE HTML > 
< HTML > 


< ヘッド> 
    < メタHTTP-当量= "コンテンツタイプ" コンテンツ= "text / htmlの;のcharset = UTF-8"  /> 
    < タイトル> </ タイトル> 
    < スクリプトSRC = "のhttp：/ /code.jquery.com/jquery-1.11.3.js」> </ スクリプト> 
</ ヘッド> 


< 身体> 
    < divの>元素一</ divの> 
    < divの>元素二<
    DIV >要素3 </ divの> 
    
    < スクリプトタイプ= "テキスト/ JavaScriptを" > 
        VAR $ DIV = $（' div要素' ）; // jQueryのオブジェクト
        VARをDIV = $ div.get（0 ） ; //は、オブジェクトのDOMに変換
        div.style.color =  ' 赤' ; // 操作属性オブジェクトのDOM 
    </ スクリプト> 
    
</ ボディ> 


</ HTML >

ターゲットDOMにjQueryオブジェクト

おすすめ