jQueryの基礎知識入門_jquery

May 16, 2016 pm 04:20 PM
jquery はじめる

JavaScript ライブラリの関数と比較

JavaScript の開発を簡素化するために、多くの事前定義されたオブジェクトとユーティリティ関数をカプセル化するいくつかの JavasScript ライブラリが誕生しました。ユーザーは、操作が難しい Web 2.0 機能を備えたリッチ クライアント ページを作成するのに役立ち、主要なブラウザーと互換性があります

現在人気のある JavaScript ライブラリは次のとおりです:

jQuery の概要

jQuery は Prototype に次ぐ優れた JavaScript ライブラリです

jQuery の哲学: 書く量を減らし、実行する量を増やす利点は次のとおりです。

軽量

強力なセレクター

DOM 操作の優れたカプセル化

信頼性の高いイベント処理メカニズム

完璧な Ajax

優れたブラウザ互換性

チェーン動作モード

……

jQuery: HelloWorld


jQuery オブジェクト

jQuery オブジェクトは、DOM オブジェクトを jQuery ($()) でラップすることで生成されるオブジェクトです

jQuery オブジェクトは jQuery に固有です。オブジェクトが jQuery オブジェクトの場合、jQuery のメソッド $(“#persontab”).html();

を使用できます。

jQuery オブジェクトは DOM オブジェクトのメソッドを使用できません。また、DOM オブジェクトは jQuery のメソッドを使用できません

規則: jQuery オブジェクトを取得する場合は、変数の前に $ を追加します。

var $variable = jQuery オブジェクト

var 変数 = DOM オブジェクト

DOM オブジェクトを jQuery オブジェクトに変換しました

DOM オブジェクトの場合は、DOM オブジェクトを $() でラップするだけで (jQuery オブジェクトは DOM オブジェクトを jQuery でラップして生成されたオブジェクトです)、jQuery オブジェクトを取得できます。

変換後、jQuery のメソッドを使用できるようになります

jQuery オブジェクトを DOM オブジェクトに変換します

jQuery オブジェクトは DOM 内のメソッドを使用できませんが、jQuery が目的のメソッドをカプセル化せず、DOM オブジェクトを使用する必要がある場合は、次の 2 つの方法があります。

(1) jQuery オブジェクトは配列オブジェクトであり、対応する DOM オブジェクトは [index] メソッドを通じて取得できます。

(2) jQuery の get(index) メソッドを使用して、対応する DOM オブジェクト を取得します

jQuery セレクター

セレクターは jQuery の基礎です。jQuery では、イベント処理、DOM トラバーサル、および Ajax 操作はすべてセレクターに依存します。

jQuery セレクターの利点

: 簡単な書き方

完全なイベント処理メカニズム

基本セレクター

基本セレクターは、jQuery で最も一般的に使用されるセレクターであり、要素 ID、クラス、タグ名を通じて DOM 要素を検索します (ID は Web ページとクラスで 1 回のみ使用できます)。繰り返し使用できます) .

基本的なセレクターの例

ID 1 の要素の背景色を # bbffaa に変更します

クラス mini のすべての要素の背景色を #bbffaa に変更します

という名前のすべての要素の背景色を #bbffaa に変更します

すべての要素の背景色を #bbffaa に変更します

すべての 要素と ID が 2 の要素の背景色を # bbffaa に変更します

レベルセレクター

子孫要素、子要素、隣接要素、兄弟要素などの DOM 要素間の階層関係を通じて特定の要素を取得する場合は、階層セレクターを使用する必要があります。

注: ("prev ~ div") セレクターは "# prev" 要素の後の兄弟要素のみを選択できますが、jQuery のメソッド Brothers() は、それが存在する限り、前後の位置とは関係ありません。兄弟ノードの場合、

を選択できます

階層セレクターの例

内のすべての
の背景色を # bbffaa

に変更します。

内のサブセクション
の背景色を # bbffaa に変更します

ID 1 の次の

の背景色を # bbffaa に変更します

ID 2 の要素の背後にあるすべての兄弟

要素の背景色を # bbffaa に変更します

ID が 2 の要素のすべての

兄弟要素の背景色を # bbffaa に変更します
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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)

パデュー大学による、時間をかける価値のある拡散モデルのチュートリアル パデュー大学による、時間をかける価値のある拡散モデルのチュートリアル Apr 07, 2024 am 09:01 AM

拡散はより良いものを模倣するだけでなく、「創造」することもできます。拡散モデル(DiffusionModel)は、画像生成モデルである。 AI 分野でよく知られている GAN や VAE などのアルゴリズムと比較すると、拡散モデルは異なるアプローチを採用しており、その主な考え方は、最初に画像にノイズを追加し、その後徐々にノイズを除去するプロセスです。ノイズを除去して元の画像を復元する方法は、アルゴリズムの中核部分です。最後のアルゴリズムは、ランダムなノイズを含む画像から画像を生成できます。近年、生成 AI の驚異的な成長により、テキストから画像への生成、ビデオ生成など、多くのエキサイティングなアプリケーションが可能になりました。これらの生成ツールの背後にある基本原理は、以前の方法の制限を克服する特別なサンプリング メカニズムである拡散の概念です。

ワンクリックでPPTを生成!キミ: まずは「PPT出稼ぎ労働者」を普及させましょう ワンクリックでPPTを生成!キミ: まずは「PPT出稼ぎ労働者」を普及させましょう Aug 01, 2024 pm 03:28 PM

キミ: たった 1 文の PPT がわずか 10 秒で完成します。 PPTはとても面倒です!会議を開催するには PPT が必要であり、週次報告書を作成するには PPT が必要であり、投資を勧誘するには PPT を提示する必要があり、不正行為を告発するには PPT を送信する必要があります。大学は、PPT 専攻を勉強するようなものです。授業中に PPT を見て、授業後に PPT を行います。おそらく、デニス オースティンが 37 年前に PPT を発明したとき、PPT がこれほど普及する日が来るとは予想していなかったでしょう。 PPT 作成の大変な経験を話すと涙が出ます。 「20 ページを超える PPT を作成するのに 3 か月かかり、何十回も修正しました。PPT を見ると吐きそうになりました。」 「ピーク時には 1 日に 5 枚の PPT を作成し、息をすることさえありました。」 PPTでした。」 即席の会議をするなら、そうすべきです

CVPR 2024 のすべての賞が発表されました!オフラインでのカンファレンスには1万人近くが参加し、Googleの中国人研究者が最優秀論文賞を受賞した CVPR 2024 のすべての賞が発表されました!オフラインでのカンファレンスには1万人近くが参加し、Googleの中国人研究者が最優秀論文賞を受賞した Jun 20, 2024 pm 05:43 PM

北京時間6月20日早朝、シアトルで開催されている最高の国際コンピュータビジョンカンファレンス「CVPR2024」が、最優秀論文やその他の賞を正式に発表した。今年は、最優秀論文 2 件と学生優秀論文 2 件を含む合計 10 件の論文が賞を受賞しました。また、最優秀論文ノミネートも 2 件、学生優秀論文ノミネートも 4 件ありました。コンピュータービジョン (CV) 分野のトップカンファレンスは CVPR で、毎年多数の研究機関や大学が集まります。統計によると、今年は合計 11,532 件の論文が投稿され、2,719 件が採択され、採択率は 23.6% でした。ジョージア工科大学による CVPR2024 データの統計分析によると、研究テーマの観点から最も論文数が多いのは画像とビデオの合成と生成です (Imageandvideosyn

ベアメタルから 700 億のパラメータを備えた大規模モデルまで、チュートリアルとすぐに使えるスクリプトがここにあります ベアメタルから 700 億のパラメータを備えた大規模モデルまで、チュートリアルとすぐに使えるスクリプトがここにあります Jul 24, 2024 pm 08:13 PM

LLM が大量のデータを使用して大規模なコンピューター クラスターでトレーニングされていることはわかっています。このサイトでは、LLM トレーニング プロセスを支援および改善するために使用される多くの方法とテクノロジが紹介されています。今日、私たちが共有したいのは、基礎となるテクノロジーを深く掘り下げ、オペレーティング システムさえ持たない大量の「ベア メタル」を LLM のトレーニング用のコンピューター クラスターに変える方法を紹介する記事です。この記事は、機械がどのように考えるかを理解することで一般的な知能の実現に努めている AI スタートアップ企業 Imbue によるものです。もちろん、オペレーティング システムを持たない大量の「ベア メタル」を LLM をトレーニングするためのコンピューター クラスターに変換することは、探索と試行錯誤に満ちた簡単なプロセスではありませんが、Imbue は最終的に 700 億のパラメータを備えた LLM のトレーニングに成功しました。プロセスが蓄積する

技術初心者必読:C言語とPythonの難易度分析 技術初心者必読:C言語とPythonの難易度分析 Mar 22, 2024 am 10:21 AM

タイトル: 技術初心者必読: 具体的なコード例を必要とする C 言語と Python の難易度分析 今日のデジタル時代において、プログラミング技術はますます重要な能力となっています。ソフトウェア開発、データ分析、人工知能などの分野で働きたい場合でも、単に興味があってプログラミングを学びたい場合でも、適切なプログラミング言語を選択することが最初のステップです。数あるプログラミング言語の中でも、C言語とPythonは広く使われているプログラミング言語であり、それぞれに独自の特徴があります。この記事ではC言語とPythonの難易度を分析します。

AIの活用 | AIが一人暮らしの女の子の生活ビデオブログを作成、3日間で数万件の「いいね!」を獲得 AIの活用 | AIが一人暮らしの女の子の生活ビデオブログを作成、3日間で数万件の「いいね!」を獲得 Aug 07, 2024 pm 10:53 PM

Machine Power Report 編集者: Yang Wen 大型モデルや AIGC に代表される人工知能の波は、私たちの生活や働き方を静かに変えていますが、ほとんどの人はまだその使い方を知りません。そこで、直感的で興味深く、簡潔な人工知能のユースケースを通じてAIの活用方法を詳しく紹介し、皆様の思考を刺激するコラム「AI in Use」を立ち上げました。また、読者が革新的な実践的な使用例を提出することも歓迎します。ビデオリンク: https://mp.weixin.qq.com/s/2hX_i7li3RqdE4u016yGhQ 最近、Xiaohongshu で一人暮らしの女の子の生活 vlog が人気になりました。イラスト風のアニメーションといくつかの癒しの言葉を組み合わせれば、数日で簡単に習得できます。

RAG の 12 の問題点を数え上げ、NVIDIA シニア アーキテクトが解決策を教える RAG の 12 の問題点を数え上げ、NVIDIA シニア アーキテクトが解決策を教える Jul 11, 2024 pm 01:53 PM

検索拡張生成 (RAG) は、検索を使用して言語モデルを強化する手法です。具体的には、言語モデルは回答を生成する前に、広範な文書データベースから関連情報を取得し、この情報を使用して生成プロセスをガイドします。このテクノロジーにより、コンテンツの精度と関連性が大幅に向上し、幻覚の問題を効果的に軽減し、知識の更新速度が向上し、コンテンツ生成の追跡可能性が向上します。 RAG は間違いなく、人工知能研究の中で最もエキサイティングな分野の 1 つです。 RAGについて詳しくは、当サイトのコラム記事「大型モデルの欠点を補うことに特化したRAGの新展開とは?」を参照してください。このレビューはそれを明確に説明しています。」しかし、RAG は完璧ではなく、ユーザーはそれを使用するときにいくつかの「問題点」に遭遇することがよくあります。最近、NVIDIA の生成 AI 高度なソリューション

VSCode 入門ガイド: 初心者が使い方のスキルをすぐにマスターするための必読の書です。 VSCode 入門ガイド: 初心者が使い方のスキルをすぐにマスターするための必読の書です。 Mar 26, 2024 am 08:21 AM

VSCode (Visual Studio Code) は、Microsoft によって開発されたオープン ソース コード エディターであり、強力な機能と豊富なプラグイン サポートを備えており、開発者にとって推奨されるツールの 1 つです。この記事では、初心者が VSCode の使用スキルをすぐに習得できるようにするための入門ガイドを提供します。この記事では、VSCode のインストール方法、基本的な編集操作、ショートカット キー、プラグインのインストールなどを紹介し、具体的なコード例を読者に提供します。 1. まず VSCode をインストールします。

See all articles