ホームページ  >  記事  >  ウェブフロントエンド  >  JQuery $("tagName") と selector_jquery の魔法

JQuery $("tagName") と selector_jquery の魔法

WBOY
WBOYオリジナル
2016-05-16 17:55:361383ブラウズ
JQuery マジック (1) $("tagName")

DOM の getElementsByTagName() メソッドは、JQuery では $("tagName") と同じように動作します。

window.onload イベントを解決する匿名関数

ページ上のすべての「div」タグから開始し、統一された外観を定義します

「body」の外観を定義しますtag

「span」タグを動的に追加し、「body」に配置します

コードをコピーコードは次のとおりです。


;JQuery テスト< /title>
text/javascript" >
$(function () {
var v = $("div");
alert(v.length);
for (var i = 0; i
; v.length ; {
alert(v[i].innerHTML)
});













div>



タグ タグ (次の場合があります: div、ボタン...) タグ自体には ID やクラスなどの属性があります

コードをコピー コードは次のとおりです: $("tag") //ページ内の特定のタグのコレクションを取得し、 document.getElementsByTagName("tag")
$("#id") //内の要素を取得しますID とドキュメントに基づくページ。 .getElementById("id")
$("tag#id") //ID に基づいて設定されたタグ要素を取得します。
$(".class") //クラスに基づいて設定された要素 document.getElementsByClassName( "class")
$("tag.class") //クラスに従ってタグ tag を持つ要素のセットを取得します
$("tag1 tag2") //Get
$ ("tag1 > tag2")
$("tag1:has(tag2)") //tag2 を含む tag1 型要素のコレクションを取得します


上記のセレクターは、JQuery の存在を完全に反映しています。その価値は、構文が簡潔であり、セマンティクスが理解しやすいことです。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。