ホームページ ウェブフロントエンド jsチュートリアル jQuery フィルター not() と filter() の例 code_jquery

jQuery フィルター not() と filter() の例 code_jquery

May 16, 2016 pm 05:53 PM
filter NOT

最初の書き方:
コードをコピーします コードは次のとおりです:

$ (function(){
$("li").not(":even").css("color","re​​d");
$("li").filter (":odd" ).css("color","re​​d");

})

2 番目の書き方:
コードをコピー コードは次のとおりです:

$(function(){
$(" li").filter(function(index ) {
return Index%2 == 0;
}).css("color","re​​d");

$("li" ).not(function(index) {
return Index%2 !== 0;
}).css("color","re​​d")
})

これらの記述方法はどちらも使用できます。同じ効果を実現するには、not と filter は逆のフィルターです。

jQuery フィルター selector:not() メソッドの概要

jQuery(':not(selector)')
jQuery の以前のバージョンでは、:not() フィルターは単純なselector は、:not フィルターに渡すセレクターが、not(div a) および :not(div,a)

"a" >sdfsdfs< のように、任意に複雑にすることができることを意味します。 ;/p>

"b">sdfsdfs


"c">sdfsdfs

$ ("p :not(.a)").css({"color":"red"})
そうすると、クラスが a と等しい p 要素を除いて、他の P の文字色は赤になります。
:not() 擬似クラス フィルター セレクター この名前は非常に発音しにくいですが、jQuery の :not() メソッドは、不要な要素を除外し、正しい結果を除外することができます。次のコード:

$("selector1:not(selector2)")
上記のコードを分析してみましょう。selector1 の要素を取得したいのですが、おそらくそれらはすべて必要ではありません。 selector1 のコレクションに #1、#2、#3、#4 がある場合、フィルターに not() メソッドを渡します。
上記のコードを使用すると、最終的に selector2 は #4 を除外します。 get #1, #2, #3
さらにいくつかの例

$('li:not(:only-child)')//
$('li what を除くすべての li に一致します子要素が 1 つだけあります :not(:first-child)');// LI と一致します
$("li :not(:first)").hide();// 最初の LI を除くすべての LI を非表示にします
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

「[Vue 警告]: フィルターを解決できませんでした」エラーを解決する方法 「[Vue 警告]: フィルターを解決できませんでした」エラーを解決する方法 Aug 19, 2023 pm 03:33 PM

「[Vuewarn]:Failedtoresolvefilter」エラーを解決する方法 Vue を使用した開発プロセス中に、「[Vuewarn]:Failedtoresolvefilter」というエラー メッセージが表示されることがあります。このエラー メッセージは通常、テンプレートで未定義のフィルターを使用したときに発生します。この記事では、このエラーを解決する方法を説明し、対応するコード例を示します。 Vue を使用しているとき

Springbootにおけるフィルタの原理と登録方法は何ですか Springbootにおけるフィルタの原理と登録方法は何ですか May 11, 2023 pm 08:28 PM

1. フィルター まず、Web サーバーのフィルターの場所を確認します。フィルタは前後につながったチェーンであり、前の処理が完了すると次のフィルタに渡されて処理が行われます。 1.1フィルター インターフェイス定義 publicinterfaceFilter{//初期化メソッド。ライフサイクル全体で 1 回だけ実行されます。 //initメソッドが正常に実行されるまで(例外スローなどの失敗)、フィルタリングサービスは提供できません。 // パラメータ FilterConfig は、初期化パラメータを取得するために使用されます publicvoidinit(FilterConfigfilterConfig)throwsServletException;//

Javaでフィルタリングする方法 Javaでフィルタリングする方法 Apr 18, 2023 pm 11:04 PM

注 1. Lambda パラメータが true 値を生成する場合、フィルター (ブール値の結果を生成できる Lambda) は要素を生成します; 2. false が生成されると、この要素は使用されなくなります。リスト コレクションを作成する例: ListstringCollection=newArrayList();stringCollection.add("ddd2");stringCollection.add("aaa2");stringCollection.add("bbb1");stringC

CSS のぼかしプロパティの詳細な説明: filter および backdrop-filter CSS のぼかしプロパティの詳細な説明: filter および backdrop-filter Oct 20, 2023 pm 04:48 PM

CSS ファジー プロパティの詳細な説明: filter および background-filter はじめに: Web ページをデザインするとき、ページの視覚的な魅力を高めるためにいくつかの特殊効果が必要になることがよくあります。ブラー効果は一般的な特殊効果の 1 つです。 CSS には、filter と background-filter という 2 つのぼかし属性が用意されており、それぞれ要素のコンテンツと背景のコンテンツをぼかすために使用されます。この記事では、これら 2 つのプロパティについて詳しく説明し、具体的なコード例をいくつか示します。 1.フィルター

CSS 視覚プロパティ分析: ボックスシャドウ、テキストシャドウ、フィルター CSS 視覚プロパティ分析: ボックスシャドウ、テキストシャドウ、フィルター Oct 20, 2023 pm 12:51 PM

CSS 視覚プロパティの分析: box-shadow、text-shadow、filter はじめに: Web デザインおよび開発では、CSS を使用して要素にさまざまな視覚効果を追加できます。この記事では、CSS の box-shadow、text-shadow、filter の 3 つの重要なプロパティに焦点を当て、その使用法や効果の表示も含めて説明します。以下では、これら 3 つのプロパティを詳細に分析します。 1.box-shadow (ボックスシャドウ) box-shado

Java 8 のオプション クラス: filter() メソッドを使用して null の可能性のある値をフィルタリングする方法 Java 8 のオプション クラス: filter() メソッドを使用して null の可能性のある値をフィルタリングする方法 Aug 01, 2023 pm 05:27 PM

Java8 のオプション クラス: filter() メソッドを使用して null の可能性のある値をフィルタリングする方法 Java8 では、Optional クラスは、null の可能性のある値をより適切に処理し、NullPointerException の発生を回避できる非常に便利なツールです。 Optional クラスには、潜在的な null 値を操作するためのメソッドが多数用意されています。重要なメソッドの 1 つは filter() です。 filter() メソッドの機能は、オプションが

Vue でフィルターを使用してデータをフォーマットおよび処理する方法 Vue でフィルターを使用してデータをフォーマットおよび処理する方法 Oct 15, 2023 pm 03:50 PM

Vue でフィルターを使用してデータをフォーマットおよび処理する Vue では、フィルターを使用してデータをフォーマットおよび処理できます。 Filter はテンプレート内で直接呼び出すことができる関数で、表示するデータを処理し、処理結果を返すことができます。この記事では、フィルターを使用してデータをフォーマットおよび処理する方法を紹介し、具体的なコード例を示します。フィルターの登録 Vue インスタンスでは、モデルで使用できるように最初にフィルターを登録する必要があります。

SpringBoot2にフィルターを統合する方法 SpringBoot2にフィルターを統合する方法 May 16, 2023 pm 02:46 PM

まず、統合アクセス URL インターセプト用のフィルターを定義します。コードは次のとおりです: publicclassUrlFilterimplementsFilter{privateLoggerlog=LoggerFactory.getLogger(UrlFilter.class);@OverridepublicvoiddoFilter(ServletRequestrequest,ServletResponseresponse,FilterChainchain)throwsIOException,ServletException{H

See all articles