JQuery $('tagName') と selector_jquery の魔法-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 17:55:36

オリジナル

1335 人が閲覧しました

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 の存在を完全に反映しています。その価値は、構文が簡潔であり、セマンティクスが理解しやすいことです。