この記事では、主に jQuery でのコンテンツ フィルターの簡単な使用法を紹介し、jQuery でのコンテンツ フィルターの関連する概念、機能、アプリケーション シナリオ、および関連する使用方法を例の形式で分析します。この記事では、jQuery でのコンテンツ フィルターの簡単な使用法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:
1 はじめにコンテンツ フィルターは、DOM 要素に含まれるテキスト コンテンツと、それに一致する要素が含まれているかどうかによってフィルター処理します。コンテンツフィルターには、下表に示すように、合計 4 種類があります。
Filter | Description | Example |
contains(text) | 指定されたテキストを含む要素と一致します | $("li:contains('DOM')") // "DOM"を含む要素と一致しますテキストコンテンツの " "li 要素 |
:empty | は、子要素またはテキストを含まないすべての空の要素と一致します | $("td:empty") //子要素またはテキストを含まないセルと一致します |
:has(selector) | セレクターによって一致する要素を含む要素と一致します | $("td:has(p)") // テーブルのセル内の マークを含むセルと一致します |
:parent | セルと一致します子要素またはテキスト要素を含む | $("td:parent") //空ではないセルと一致します。つまり、セルには子要素またはテキストも含まれます |
2 つのアプリケーション
空のセル、空ではないセル、指定されたテキストを含むセルに一致するコンテンツ フィルターを適用
3 つのコード
<script language="javascript" src="JS/jquery-3.1.1.min.js"></script> <table width="98%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#3F873B"> <tr> <td width="11%" height="27">编号</td> <td width="14%">祝福对象</td> <td width="12%">祝福者</td> <td width="33%">字条内容</td> <td width="30%">发送时间</td> </tr> <tr> <td height="27">1</td> <td>琦琦</td> <td>妈妈</td> <td>愿你健康快乐的成长!</td> <td>2011-07-05 13:06:06</td> </tr> <tr> <td height="27">1</td> <td>wgh</td> <td>爸爸</td> <td>愿你健康快乐的成长!</td> <td>2011-07-05 13:06:06</td> </tr> <tr> <td height="27">1</td> <td>花花</td> <td>wgh</td> <td>愿你健康快乐的成长!</td> <td>2011-07-05 13:06:06</td> </tr> <tr> <td height="27">1</td> <td>科科</td> <td>wgh</td> <td></td> <td>2011-07-05 13:06:06</td> </tr> </table> <script type="text/javascript"> $(document).ready(function() { $("td:parent").css("background-color","#E8F3D1"); //为不为空的单元格设置背景颜色 $("td:empty").html("暂无内容"); //为空的单元格添加默认内容 $("td:contains('wgh')").css("color","red"); //将含有文本wgh的单元格的文字颜色设置为红色 }); </script>
4 つの実行結果
上記は私が皆さんのためにまとめたものであり、将来皆さんに役立つことを願っています。
関連記事:
Vueを使用して画像カルーセルコンポーネントを作成するアイデアの詳細な説明
以上がjQueryでのコンテンツフィルターの簡単な使用例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

現実世界でのJavaScriptのアプリケーションには、フロントエンドとバックエンドの開発が含まれます。 1)DOM操作とイベント処理を含むTODOリストアプリケーションを構築して、フロントエンドアプリケーションを表示します。 2)node.jsを介してRestfulapiを構築し、バックエンドアプリケーションをデモンストレーションします。

Web開発におけるJavaScriptの主な用途には、クライアントの相互作用、フォーム検証、非同期通信が含まれます。 1)DOM操作による動的なコンテンツの更新とユーザーインタラクション。 2)ユーザーエクスペリエンスを改善するためにデータを提出する前に、クライアントの検証が実行されます。 3)サーバーとのリフレッシュレス通信は、AJAXテクノロジーを通じて達成されます。

JavaScriptエンジンが内部的にどのように機能するかを理解することは、開発者にとってより効率的なコードの作成とパフォーマンスのボトルネックと最適化戦略の理解に役立つためです。 1)エンジンのワークフローには、3つの段階が含まれます。解析、コンパイル、実行。 2)実行プロセス中、エンジンはインラインキャッシュや非表示クラスなどの動的最適化を実行します。 3)ベストプラクティスには、グローバル変数の避け、ループの最適化、constとletsの使用、閉鎖の過度の使用の回避が含まれます。

Pythonは、スムーズな学習曲線と簡潔な構文を備えた初心者により適しています。 JavaScriptは、急な学習曲線と柔軟な構文を備えたフロントエンド開発に適しています。 1。Python構文は直感的で、データサイエンスやバックエンド開発に適しています。 2。JavaScriptは柔軟で、フロントエンドおよびサーバー側のプログラミングで広く使用されています。

PythonとJavaScriptには、コミュニティ、ライブラリ、リソースの観点から、独自の利点と短所があります。 1)Pythonコミュニティはフレンドリーで初心者に適していますが、フロントエンドの開発リソースはJavaScriptほど豊富ではありません。 2)Pythonはデータサイエンスおよび機械学習ライブラリで強力ですが、JavaScriptはフロントエンド開発ライブラリとフレームワークで優れています。 3)どちらも豊富な学習リソースを持っていますが、Pythonは公式文書から始めるのに適していますが、JavaScriptはMDNWebDocsにより優れています。選択は、プロジェクトのニーズと個人的な関心に基づいている必要があります。

C/CからJavaScriptへのシフトには、動的なタイピング、ゴミ収集、非同期プログラミングへの適応が必要です。 1)C/Cは、手動メモリ管理を必要とする静的に型付けられた言語であり、JavaScriptは動的に型付けされ、ごみ収集が自動的に処理されます。 2)C/Cはマシンコードにコンパイルする必要がありますが、JavaScriptは解釈言語です。 3)JavaScriptは、閉鎖、プロトタイプチェーン、約束などの概念を導入します。これにより、柔軟性と非同期プログラミング機能が向上します。

さまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析:ソースコードを語彙ユニットに変換します。 2。文法分析:抽象的な構文ツリーを生成します。 3。最適化とコンパイル:JITコンパイラを介してマシンコードを生成します。 4。実行:マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。

現実世界におけるJavaScriptのアプリケーションには、サーバー側のプログラミング、モバイルアプリケーション開発、モノのインターネット制御が含まれます。 2。モバイルアプリケーションの開発は、ReactNativeを通じて実行され、クロスプラットフォームの展開をサポートします。 3.ハードウェアの相互作用に適したJohnny-Fiveライブラリを介したIoTデバイス制御に使用されます。


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

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

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

ドリームウィーバー CS6
ビジュアル Web 開発ツール

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
