jQueryチュートリアル

jQueryチュートリアル

jQuery Tutorials

jQueryは小さな24k(縮小)JavaScriptライブラリであり、HTMLページで必要なほとんどすべてのものを選択するための非常に簡単で強力なセレクターを提供します。 さらに、DOMトラバース、イベント処理(フォーム、ブラウザー、マウス、キーボード)、アニメーション効果、およびWeb開発を簡素化するAjaxのための多くの革新的な方法も備わっています。 JavaScriptのコーディング方法は間違いなく変わります。

幸せな学習jQuery。 :)

jQueryクイックスタート

jQueryの簡単な使用例。

  • jQuery Hello World Example
    jQueryライブラリをダウンロードしてHTMLページに含める方法を示す簡単なjQueryhelloworldの例。

  • Call function in JavaScript and jQuery
    ページの読み込み後に動的コンテンツを作成するためにJavaScriptとjQueryで関数を呼び出すさまざまな方法を示します。

  • Load jQuery from Google code
    GoogleからjQueryライブラリをロードする方法と、ロードする必要がある理由を示す例。

jQueryの実例

jQueryの実用的な使用例と例。

jQueryセレクタ

jQueryで必要なものを選択します。

jQuery属性セレクター

jQueryの属性セレクターに関するすべて。

  • Attribute selectors [ ]
    jQueryでの属性セレクターの使用法を示す8つの属性セレクターの例。

jQuery DOMトラバース

jQueryでの要素の移動に関するすべて。

  • Child and Sibling Selectors
    4種類のjQueryの子セレクターと兄弟セレクターを理解する:子孫セレクター(AB)、子セレクター(A> B)、隣接する兄弟セレクター(A + B)、および一般的な兄弟セレクター(A〜 B)。

  • nth-child selector
    親のntg-childであるすべての要素を選択します。

  • First child & Last child selectors
    jQuery(ntg-childの省略形)を使用して、最初の子要素または最後の子要素を選択します。

  • Only child selector
    親の唯一の子であるすべての要素を選択します。

  • Child selector (X > Y)
    は、「X」要素の子である「Y」に一致するすべての要素を選択します。

  • Descendant selector (X Y)
    「X」要素の子、孫、ひ孫、ひ孫..(任意のレベルの深さ)である「Y」に一致するすべての要素を選択します。

  • General sibling selector (X ~ Y)
    「X」要素の兄弟である「Y」に一致するすべての要素を選択します。

  • Adjacent sibling selector (X + Y)
    「X」要素の兄弟である「Y」と一致する直後または次の要素を選択します。

  • find() selector
    一致した要素のセットから特定の要素を選択します(子孫のみ)。

  • filter() selector
    一致した要素のセット(すべてのレベル)から特定の要素を選択します。

  • Different between filter() and find()
    jQueryのfilter()とfind()の違いを示す例。

  • next() selector
    一致した要素のセットから直後の兄弟要素を選択します

  • prev() selector
    一致した要素のセットで直前の兄弟要素を選択します

  • children() selector
    一致した要素の子を選択します。子は1レベル下に移動するだけです。

  • Difference between find() and children()
    jQueryのfind()とchildren()の違いを示す例。

jQuery DOM操作

jQueryでのdom操作に関するすべて。

  • before() and insertBefore() example
    jQueryで一致した要素の前にテキストまたはhtmlコンテンツを追加します。

  • after() and insertAfter() example
    jQueryで一致した要素の後に、テキストまたはhtmlコンテンツを追加します。

  • prepend() and prependTo() example
    jQueryで一致した要素のコンテンツの前にテキストまたはhtmlコンテンツを追加します。

  • append() and appendTo() example
    jQueryで一致した要素のコンテンツの後に、テキストまたはhtmlコンテンツを追加します。

  • clone() example
    jQueryを使用して一致した要素のコピーを作成します

  • empty() and remove() example
    jQueryで一致した要素を削除します。

  • html() example
    jQueryを使用して一致した要素のhtmlコンテンツを取得または設定します。

  • text() example
    jQueryを使用して一致した要素のテキストを取得または設定します。

  • toggleClass example
    jQueryのtoggleClassの使用方法を示す例–一致した要素にクラス名がない場合は、それを追加します。一致した要素にすでにクラス名がある場合は、それを削除します。

  • wrap() example
    一致した各要素の周りにHTML要素をラップします。

jQuery HTMLフォーム

jQueryのHTMLフォーム要素に関するすべて。

  • Form selectors examples
    フォーム要素のjQueryセレクター:TextBox、Password、Textarea、Radio Buttons、Check Box、Upload File、Hidden value、Select(dropdown box)、SubmitボタンおよびResetボタン。

  • Form events examples
    jQueryフォームイベント:focus()、blur()、change()、select()、submit()。

  • Get textbox value
    は、val()を使用してjQueryでテキストボックスの値を取得します。

  • Add / remove textbox
    jQueryを使用してテキストボックスを追加または削除します。

  • Select a radio button
    jQueryでラジオボタンを選択します。

  • Set a dropdown box value
    jQueryでドロップダウンボックスの値を設定します。

  • Disable submit button after clicked
    jQueryでクリックした後、送信ボタンを無効にします。

jQueryエフェクト

jQueryの組み込み効果に関するすべて。

jQueryイベント処理

jQueryでのイベント処理に関するすべて。

jQueryブラウザイベント

jQueryのブラウザイベントに関するすべて。

jQueryマウスイベント

jQueryのマウスイベントに関するすべて。

jQueryキーボードイベント

jQueryのキーボードイベントに関するすべて。

jQueryの一般的な問題

一般的なjQueryの問題と解決策。

jQueryリファレンス