ホームページ >ウェブフロントエンド >jsチュートリアル >JQuery Tips(2) $() について知らないことwrapper_jquery
JQuery Tips(2) $() について知らないことwrapper_jquery
- WBOYオリジナル
- 2016-05-16 18:39:151072ブラウズ
これは理解しやすいと思います。$() でラップされた JQuery オブジェクトは、パッケージング セットにオブジェクトが 1 つしかない場合でも、常にコレクションの形式で表示されます。 >コードをコピーします
コードは次のとおりです: $("div").html("hi"); /script>
上で選択した 2 つの DIV の内容が "hi" に変更されます
パッケージング セット内の要素の順序
JQuery でラップされた要素のうち、パッケージング セットに含まれる内部順序は HTML に従っています。ストリームは選択順序ではなく、最初から最後に配置されます:
コードをコピー
コードは次のとおりです。
Copy code
コードは次のとおりです:
コードは次のとおりです。
alert(Jq[ 0].id);// アラート "a"
上記からわかるように、get メソッドを通じてインデックスをパラメーターとして追加すると、インデックス値の DOM オブジェクトが返されます。パラメーターを追加しないと、JQuery パッケージ セット内の配列全体が返されます
もう 1 つの便利な方法メソッドは、JQuery パッケージ化セットの直後に配列シンボルを追加することです。上記の Jq[0] は Jq.get(0) メソッドの便宜と考えることができます:-)
現在の JQuery の要素数を確認します。パッケージング セット
多くの場合、JQuery パッケージング セット内の要素の数を確認する必要があります。パッケージング セットの長さ属性を直接使用できます (この属性は VS No プロンプトにあります)
コードをコピーします
コードは次のとおりです:
この属性は直接使用することもできます 現在のパッケージング セットが空かどうかを確認します
コードをコピー
コードは次のとおりです:
上記の 2 つのアラートが実行されます。2 番目のメソッドは、現在のラッピング セットの最初の要素が空であるかどうかを検出することで、ラッピング セットが空であるかどうかを判断します。
特定の状況下では、ラッピング セットも「常に」空であるとは限りません。 . セット志向」
ずっとセット志向だと言いましたよね？なぜまた変わったのですか？実際、これは確かにコレクション指向ですが、次のコードなど、JQuery の特定のメソッドを使用して抽出する場合は当てはまりません。
上で選択した 2 つの DIV の内容が "hi" に変更されます
パッケージング セット内の要素の順序
JQuery でラップされた要素のうち、パッケージング セットに含まれる内部順序は HTML に従っています。ストリームは選択順序ではなく、最初から最後に配置されます:
コードをコピー
コードは次のとおりです。
ここに a
ここに b< ;/div>
最初に b が選択されていることがわかります。 , アラートが実行されると、最初に「here is a」が表示され、次に「here is b」が表示されます。
JQuery オブジェクトと DOM の変換
まず、DOM を JQuery オブジェクトに変換します。これは非常に簡単ですただし、注意すべき点は、JQuery がラップされた要素のイベント内で常に現在のオブジェクトを指すことです:
最初に b が選択されていることがわかります。 , アラートが実行されると、最初に「here is a」が表示され、次に「here is b」が表示されます。
JQuery オブジェクトと DOM の変換
まず、DOM を JQuery オブジェクトに変換します。これは非常に簡単ですただし、注意すべき点は、JQuery がラップされた要素のイベント内で常に現在のオブジェクトを指すことです:
Copy code
コードは次のとおりです:
ここに
DOM に設定された JQuery パッケージ内の要素も変換します。 JQuery では非常に簡単です。ほとんどの場合、JQuery の get メソッドが使用されます。
コードをコピーします
ここでは b
DOM に設定された JQuery パッケージ内の要素も変換します。 JQuery では非常に簡単です。ほとんどの場合、JQuery の get メソッドが使用されます。
コードをコピーします
コードは次のとおりです。
ここに
ここに b
"text/javascript">var Jq = $("div"); alert(Jq.get(0).id); //alert "a" alert( )[0].id); // アラート "a" も 上記からわかるように、get メソッドを通じてインデックスをパラメーターとして追加すると、インデックス値の DOM オブジェクトが返されます。パラメーターを追加しないと、JQuery パッケージ セット内の配列全体が返されます
もう 1 つの便利な方法メソッドは、JQuery パッケージ化セットの直後に配列シンボルを追加することです。上記の Jq[0] は Jq.get(0) メソッドの便宜と考えることができます:-)
現在の JQuery の要素数を確認します。パッケージング セット
多くの場合、JQuery パッケージング セット内の要素の数を確認する必要があります。パッケージング セットの長さ属性を直接使用できます (この属性は VS No プロンプトにあります)
コードは次のとおりです:
div id="a"> ここは
ここでは b
コードをコピー
コードは次のとおりです:
ここに b
上記の 2 つのアラートが実行されます。2 番目のメソッドは、現在のラッピング セットの最初の要素が空であるかどうかを検出することで、ラッピング セットが空であるかどうかを判断します。
特定の状況下では、ラッピング セットも「常に」空であるとは限りません。 . セット志向」
ずっとセット志向だと言いましたよね？なぜまた変わったのですか？実際、これは確かにコレクション指向ですが、次のコードなど、JQuery の特定のメソッドを使用して抽出する場合は当てはまりません。
コピー コード コードは次のとおりです。
ここに
ここに b
上記のコードは 2 つのアラートを実行します:-)
上記のコードは 2 つのアラートを実行します:-)
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。