コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jquery_jquery で要素を取得するいくつかの方法のまとめ

jquery_jquery で要素を取得するいくつかの方法のまとめ

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

1 指定されたシリアル番号を持つコレクションから
html 要素を取得します。

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


1


/p> 🎜>

3


5


7< /p>


JS



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


4 要素 の前の要素と次の要素を取得しますHtml: コードをコピー

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



その 1

その 2

gt;

その 3

;

いいえ。
いいえ。 🎜>





コードをコピー


コードは次のとおりです:
//要素の次の要素を取得しますjQuery(function(){ $ ("p").next(".yes").css("color", "red") }) //要素の前の要素を取得しますjQuery(function() {
$("p").prev(".yes").css( "color","re​​d")
})


5 親要素を取得し、要素
html の子要素:




コードをコピー

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


いいえ。

いいえ。

いいえ 3

いいえ 5

"はい">いいえ。

いいえ。




コードをコピー コードは次のとおりです:
// 要素の親要素を取得します
jQuery( function(){
$("p").parent().css("color","re​​d");
})
// の子要素を取得しますelement
jQuery(function (){
$("#aa").children(".yes").css("color","re​​d");
})

関連ラベル：
要素の取得
ソース：php.cn
前の記事：ダイナミックエフェクトTABタブjquery plug-in_jquery 次の記事：JavaScriptにおけるクラスの定義とメソッド（「JavaScript高度プログラミング」学習ノート）_jsオブジェクト指向
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
URL パラメータから取得した PHP 配列が期待どおりに動作しない カテゴリ ID を含む URL パラメータがあり、それを次のような配列として扱いたいと考えています: http://example.com?cat[]=3,9,13 PHP では、...
から 2024-04-06 22:09:02
0
1
1428
CSS でフローティング要素を水平ではなく垂直にスタックするにはどうすればよいですか? 片側にメインコンテンツ、もう一方に追加コンテンツがある 2 つの列を持つ Web ページを作成しようとしています。ただし、float プロパティを使用して追加の列を左に揃えているた...
から 2024-04-06 20:45:26
0
2
386
Web サイトから入力要素を取得できません そこで、Twitter から入力要素を取得しようとしていますが、それを実行すると、ノード ターミナルでこのようなエラーが表示され続け、その結果、このコードによって作成されたブラウザ...
から 2024-04-06 18:59:57
0
1
442
Axios と Node.js を使用して PokeAPI から特定の統計 (Stats) を取得する際に問題が発生する 問題があり、PokemonAPI を使用しようとしていますが、攻撃、HP、および速度の統計にアクセスしようとすると、すべてのポケモンに対して未定義と表示されます。 API呼び出しの...
から 2024-04-06 18:46:35
0
1
464
MySQL は複数のテーブルからデータを取得します 次の列を含む eg_design テーブル、および次の列を含む eg_domains テーブル、および次の列を含む eg_fonts テーブルがあります。 $domain_id に...
から 2024-04-06 18:42:44
0
2
479
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート