ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery演習[2] jqueryオブジェクトセレクター(1)_jquery

jQuery演習[2] jqueryオブジェクトセレクター(1)_jquery

WBOY
リリース: 2016-05-16 18:26:16
オリジナル
1116 人が閲覧しました

ID に基づいて選択します (ID によって選択できるオブジェクトは 1 つだけです)。例: $("#div2")

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

AAA

BBB
🎜>
CCC


$("span")

AAA
🎜>
BBB
CCC


のように、スタイルのクラス名に従って選択します。 $(".class1 ")


コードをコピー コードは次のとおりです:
AAA
BBB
CCC



すべてのオブジェクトの選択は次のとおりです: $("*")
次のように混合できます: (コードをコピー):




[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ]

jQuery演習[2] jqueryオブジェクトセレクター(1)_jquery
次のように階層的に選択できます: $(".class1 div label")

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

111
id="id2">222


コードをコピー コードは次のとおりです:
111
222/ div>


555
< ;/div>


などのサブレイヤーから選択します。



コードをコピーします
コードは次のとおりです:
111
;222

444

/span>


これにより、すべてが選択されます。 div の直後のスパン



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


111

;222


444

/span>


など: $("# id2 ~ *"); これは、#id2 の後ろにある同じレベルにあるすべての (*) オブジェクトを選択することです


111

222gt;
gt;

span>444
/span>

など: "#id3 ラベル, #id3 ~ スパン")
コードをコピー コードは次のとおりです:


111

222スパン>


444

/span>

記事の画像で使用されているテスト ツールのダウンロード アドレス
>
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート