jquery では、「:not()」セレクターを使用して、eq セレクターによって選択された要素を取得できます。「:not()」セレクターは、指定された要素を除くすべての要素を選択するために使用されます。最も一般的なのは他のセレクターと一緒に使用され、構文は「$("Element:not(:eq(...))").Method」です。
このチュートリアルの動作環境: Windows10 システム、jquery3.4.1 バージョン、Dell G3 コンピューター。
eq を除く jquery によって選択された要素を取得する方法
eq() メソッドは、選択された要素の指定されたインデックス番号を持つ要素を返します。
インデックス番号は 0 から始まるため、最初の要素のインデックス番号は 0 (1 ではありません) になります。
構文
$(selector).eq(index)
index 必須。要素のインデックスを指定します。整数または負の数を指定できます。
注: 負の数値を使用すると、選択した要素の末尾からインデックスが計算されます。
: eq() セレクターは、指定されたインデックス値を持つ要素を選択します。
インデックス値は 0 から始まり、すべての最初の要素のインデックス値は 0 (1 ではありません) です。
は、指定されたグループ内の特定のシーケンス番号を持つ要素を選択するために、他の要素/セレクターとともによく使用されます (上記の例など)。
構文
$(":eq(index)")パラメータの説明
index 必須。要素のインデックス値を指定します。
eq 以外の要素を選択したい場合は、:not() セレクターを使用してください。
: not() セレクターは、指定された要素を除くすべての要素を選択します。
最も一般的な使用法: 指定された要素 (上記の例など) を除く、指定された組み合わせ内のすべての要素を選択するために、他のセレクターとともに使用されます。
構文
$(":not(selector)")パラメータの説明
selector 必須。選択されていない要素を指定します。
このパラメーターは、任意のタイプのセレクターを受け入れます。
例は次のとおりです:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p:eq(1)").css("background-color","#B2E0FF");
});
</script>
</head>
<body>
<html>
<body>
<h1 id="Welcome-nbsp-to-nbsp-My-nbsp-Homepage">Welcome to My Homepage</h1>
<p class="intro">My name is Donald</p>
<p>I live in Duckburg</p>
<p>My best friend is Mickey</p>
<div id="choose">
Who is your favourite:
<ul>
<li>Goofy</li>
<li>Mickey</li>
<li>Pluto</li>
</ul>
</div>
</body>
</html>
</body>
</html>出力結果:
not セレクターの使用例は次のとおりです:
<script type="text/javascript">
$(document).ready(function(){
$("p:not(:eq(1))").css("background-color","#B2E0FF");
});
</script> 出力結果 :
ビデオ チュートリアルの推奨事項: jQuery ビデオ チュートリアル
以上がjqueryでeqで選択された要素を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
Reactのキー：パフォーマンスの最適化技術への深い飛び込みMay 01, 2025 am 12:25 AMkeysinReactarecialforptimizingperformancebyididingineffictientListupdates.1）usekeystoidentifideidifyandtracklistelements.2）ArrayIndicesassyStopreventPerformanceSues.3）suoseStableidedifierslikeItem.idtomaincomentaindtateandiproveperift
Reactのキーとは何ですか？May 01, 2025 am 12:25 AMReactKeySareUniqueIdentifiersiersiderSuredStrovereconconiniationEfficiency.1）theyctrackChangesinListitems、2）sultanduniqueidentifiersiirsiTeemidssisssississmendを使用して、3）ArrayIndicesAssayStopReventisSuseSUSEORINGを回避します
反応におけるユニークな鍵の重要性：一般的な落とし穴を避けるMay 01, 2025 am 12:19 AMsinqueysarecrucialinReactforoptimizing andMaintainingcomponentStateIntegrity.1）useanaturaluniqueidentifierfromyourdataifaibable.2）ifnonaturalidentifierexists、発電済みのKeyusingingingingalibrarylikuuid.3）
indexesを反応のキーとして使用する：それが受け入れられるとき、そしてそれがそうでないときMay 01, 2025 am 12:17 AMインデックスをキーとして使用することは、反応では許容されますが、リストアイテムの順序が変更されておらず、動的に追加または削除されていない場合のみです。それ以外の場合は、安定した一意の識別子をキーとして使用する必要があります。 1）静的リストのキーとしてインデックスを使用しても構いません（メニューオプションをダウンロード）。 2）リスト項目を並べ替えたり、追加したり、削除したりできる場合、インデックスを使用すると、状態の損失と予期しない動作が発生します。 3）データの一意のIDまたは生成された識別子（UUIDなど）を常に使用して、DOMを正しく更新し、コンポーネントステータスを維持することを確認します。
ReactのJSX構文：UI設計に対する開発者に優しいアプローチMay 01, 2025 am 12:13 AMjsxisspecialcuaseitblendshtmlwithjavascript、enabling component baseduidesign.1）itallowsembeddingjavascriptinhtml-likesyntax、endincinguidesignandlogicintegration.2）jsxpromotesaModularaptreabrecoponeants、Impruvingcodemeainnents、jsxpromotesaModularaptreabrecoponediaNents
HTML5を使用してどのタイプのオーディオファイルを再生できますか？Apr 30, 2025 pm 02:59 PMこの記事では、HTML5オーディオフォーマットとクロスブラウザー互換性について説明します。 MP3、WAV、OGG、AAC、およびWebMをカバーし、より広いアクセシビリティのために複数のソースとフォールバックを使用することを提案します。
SVGとCanvas HTML5要素の違いは？Apr 30, 2025 pm 02:58 PMSVGおよびCanvasは、Webグラフィックス用のHTML5要素です。ベクターベースであるSVGは、スケーラビリティとインタラクティブ性に優れていますが、ピクセルベースのキャンバスはゲームなどのパフォーマンス集約型アプリケーションに適しています。
HTML5を使用してドラッグアンドドロップは可能ですか？Apr 30, 2025 pm 02:57 PMHTML5は、特定のイベントと属性でドラッグアンドドロップを有効にし、カスタマイズを可能にしますが、古いバージョンやモバイルデバイスでブラウザの互換性の問題に直面します。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール
EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません
AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター
ドリームウィーバー CS6
ビジュアル Web 開発ツール
MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。
ホットトピック
7864
15164914140752130125124329