セレクターは、getElementById メソッドの拡張バージョンと考えることができます。 getElementById メソッドは HTML 要素を返し、jQuery セレクターは HTML 要素のラッパーを返します。このラッパー セットを使用すると、jQuery は HTML 要素により多くの操作可能なメソッドを提供します。 JQuery では、コア関数の 1 つは $ です。はい、それは単なる奇妙な名前の関数です。この関数は選択関数であり、一般的な使用法は
var obj=$(selector);
ここで selector は文字列であり、これは以下で紹介するセレクターです。返されるのは、ラップされた要素のコレクションです。実際、JQuery のコア $ 関数の能力は、セレクターとして使用されることをはるかに超えています。そのパラメーターが関数である場合、その関数はページの DOM 要素が完全にロードされると、メソッドによって次のように実行されます。処刑される。 onload には、onload よりも多くの利点があります。onload は 1 つの関数しか登録できませんが、複数回呼び出すことができます。つまり、DOM が完全にロードされた後に複数の関数を登録して実行でき、onload はページ上のすべてのコンテンツが完了するまで待機する必要があります。後で実行すると、大きな画像やその他のコンテンツがあると、関数の実行に遅延が発生する可能性があります。 $ 関数は、DOM 構造が完全にロードされている限り実行できます。簡単な例を見てみましょう:
JQuery の最初のページスクリプトタイプ = "テキスト/javascript" src="jquery-1.3.2.js">スクリプト>
$(関数(){
var p=$('#p1')
私は
>
ご覧のとおり、最も単純なセレクターは getElementById に似ており、要素の ID をセレクターとして使用します。 p が何であるかを確認するには、js デバッガーを使用します。
p は、選択された要素を含む配列のようなオブジェクトです。 [メソッド] ノードを開くと、jQuery によって提供されている多くのメソッドが表示されます。この例では要素が 1 つだけであるため、HTML 要素は p[0] を通じて取得できます。これは getElementById によって取得されるオブジェクトと同じです。
jQuery セレクターの利点は、ブラウザーが CSS2 と互換性があるかどうかに関係なく、CSS2 セレクターとほぼ完全な互換性があることです。 CSS セレクターに詳しくない場合は、私の以前のブログ「CSS セレクター」を参照してください。選択した要素には多くのメソッドを適用できますが、これらのメソッドはこの記事では取り上げません。このメソッドは、attr 属性の値を与えることができます。以下に示す例では、このメソッドを使用してページ要素に少しのフォント変更を追加し、特定のセレクターによって選択されている要素を区別できます。この例の内容は前回の記事の例とほぼ同じなので説明は省略しますが、この記事の例はIE6にも適用できます。
コードをコピー
コードは次のとおりです:
This is H1
This is H2
This is H3
Real Warning!
Common Worning
Warning and Big
I am title
Real Warning!
P with an ID and class
The last line.
P with an ID
Class warning inside p
效果如下:
jQuery的强大之处还不限于此，除了支持CSS选择符以外，jQuery自身还支持其他的选择符，其中一大类就是基于位置的选择符。例如选择列表中的第一个，或者表格中的偶数行等等。这类选择器的一般形式是 :location，例如 a:first，匹配页面上第一个a， p:even 匹配页面上偶数个p.下面详细介绍。
| 选择器 | 描述 |
| :first | 页面最先出现的。li a:first 在li标签下第一个出现的a |
| :last | 同上,最后出现的。 |
| :first-child | 最先的子元素 |
| :last-child | 最后的子元素 |
| :nth-child(n) | 返回第n个子元素（从1开始） |
| :nth-child(even|odd) | 返回第偶数|奇数个子元素 |
| :even :odd | 第偶数、奇数个元素 |
| :eq(n) :gt(n) :lt(n) | 返回第n个元素（从0开始），第n个元素之后元素，第n个元素之前的元素 |
先見一例子再作解释：
< ;html xmlns="http://www.w3.org/1999/xhtml">
エントリーレベルのデジタル一眼レフカメラの価格
日付: 2010-03
JavaScript in Action：実際の例とプロジェクトApr 19, 2025 am 12:13 AM現実世界でのJavaScriptのアプリケーションには、フロントエンドとバックエンドの開発が含まれます。 1）DOM操作とイベント処理を含むTODOリストアプリケーションを構築して、フロントエンドアプリケーションを表示します。 2）node.jsを介してRestfulapiを構築し、バックエンドアプリケーションをデモンストレーションします。
JavaScriptとWeb：コア機能とユースケースApr 18, 2025 am 12:19 AMWeb開発におけるJavaScriptの主な用途には、クライアントの相互作用、フォーム検証、非同期通信が含まれます。 1）DOM操作による動的なコンテンツの更新とユーザーインタラクション。 2）ユーザーエクスペリエンスを改善するためにデータを提出する前に、クライアントの検証が実行されます。 3）サーバーとのリフレッシュレス通信は、AJAXテクノロジーを通じて達成されます。
JavaScriptエンジンの理解：実装の詳細Apr 17, 2025 am 12:05 AMJavaScriptエンジンが内部的にどのように機能するかを理解することは、開発者にとってより効率的なコードの作成とパフォーマンスのボトルネックと最適化戦略の理解に役立つためです。 1）エンジンのワークフローには、3つの段階が含まれます。解析、コンパイル、実行。 2）実行プロセス中、エンジンはインラインキャッシュや非表示クラスなどの動的最適化を実行します。 3）ベストプラクティスには、グローバル変数の避け、ループの最適化、constとletsの使用、閉鎖の過度の使用の回避が含まれます。
Python vs. JavaScript：学習曲線と使いやすさApr 16, 2025 am 12:12 AMPythonは、スムーズな学習曲線と簡潔な構文を備えた初心者により適しています。 JavaScriptは、急な学習曲線と柔軟な構文を備えたフロントエンド開発に適しています。 1。Python構文は直感的で、データサイエンスやバックエンド開発に適しています。 2。JavaScriptは柔軟で、フロントエンドおよびサーバー側のプログラミングで広く使用されています。
Python vs. JavaScript：コミュニティ、ライブラリ、リソースApr 15, 2025 am 12:16 AMPythonとJavaScriptには、コミュニティ、ライブラリ、リソースの観点から、独自の利点と短所があります。 1）Pythonコミュニティはフレンドリーで初心者に適していますが、フロントエンドの開発リソースはJavaScriptほど豊富ではありません。 2）Pythonはデータサイエンスおよび機械学習ライブラリで強力ですが、JavaScriptはフロントエンド開発ライブラリとフレームワークで優れています。 3）どちらも豊富な学習リソースを持っていますが、Pythonは公式文書から始めるのに適していますが、JavaScriptはMDNWebDocsにより優れています。選択は、プロジェクトのニーズと個人的な関心に基づいている必要があります。
C/CからJavaScriptへ：すべてがどのように機能するかApr 14, 2025 am 12:05 AMC/CからJavaScriptへのシフトには、動的なタイピング、ゴミ収集、非同期プログラミングへの適応が必要です。 1）C/Cは、手動メモリ管理を必要とする静的に型付けられた言語であり、JavaScriptは動的に型付けされ、ごみ収集が自動的に処理されます。 2）C/Cはマシンコードにコンパイルする必要がありますが、JavaScriptは解釈言語です。 3）JavaScriptは、閉鎖、プロトタイプチェーン、約束などの概念を導入します。これにより、柔軟性と非同期プログラミング機能が向上します。
JavaScriptエンジン：実装の比較Apr 13, 2025 am 12:05 AMさまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析：ソースコードを語彙ユニットに変換します。 2。文法分析：抽象的な構文ツリーを生成します。 3。最適化とコンパイル：JITコンパイラを介してマシンコードを生成します。 4。実行：マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。
ブラウザを超えて：現実世界のJavaScriptApr 12, 2025 am 12:06 AM現実世界における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ヘンタイを無料で生成します。
人気の記事
ホットツール
mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。
SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!
SublimeText3 中国語版
中国語版、とても使いやすい
Dreamweaver Mac版
ビジュアル Web 開発ツール
VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター
