jQueryチュートリアル
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の実用的な使用例と例。
-
Table Zebra Stripes effect with jQuery
jQueryを使用してテーブルゼブラストライプ効果を作成します(1行のみ)。 -
Page loading effects with jQuery
jQueryを使用してページ読み込み効果をフェードインします。 -
Page refresh with jQuery
jQuery location.reload();でページを更新します。 -
Stop a page from exit or unload with jQuery
jQueryの「beforeunload」イベントを使用して、ページの終了またはアンロードを停止します。 -
Check if an image is loaded with jQuery
jQueryの「load()」イベントと「error()」イベントの使用を組み合わせて、画像がロードされているかどうかを確認します。 -
Check if an element is exists with jQuery
jQueryで要素が存在するかどうかを確認する方法を示す例。 -
Add / remove CSS class dynamically
jQueryを使用してCSSクラスを動的に追加/削除する方法を示す例。 -
Check if an element has a certain CSS class
要素にjQueryを使用して特定のCSSクラスがあるかどうかを確認する方法を示す例。 -
Load JavaScript library at runtime with jQuery
jQueryを使用した外部JavsScriptライブラリのロードを示す例。 -
Tooltips example with jQuery
jQueryを使用してツールチップ効果を作成する方法を示す例。 -
Check if jQuery library is loaded
jQueryライブラリがロードされているかどうかを確認する方法。 -
Get Delicious bookmark count with jQuery Ajax function
jQueryAjaxリモート呼び出しでおいしいブックマーク数を取得する方法。 -
Highlight table row record on hover
jQueryを使用してホバー時にテーブル行レコードを強調表示する方法。
jQueryセレクタ
jQueryで必要なものを選択します。
-
Select CSS class name and id with jQuery
jQuery、$(。classname)、および$(#id)を使用してCSSクラス名とIDを選択します。 -
Universal * selector
すべての要素、すべてを選択します。 -
Select mutiple elements
jQueryで複数の要素を選択します。 -
Get tag name with jQuery
jQuerytagNameを使用してタグ名を取得します。 -
Get tag value with jQuery
jQuery .html()でタグ値を取得します。 -
Not selector
は、セレクターと一致しないすべての要素を選択します。 -
Empty selector
は、子やテキストが含まれていないすべての要素を選択します。 -
Contains selector
指定されたテキストを含むすべての要素を選択します。
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の組み込み効果に関するすべて。
-
fadeIn(), fadeOut() and fadeTo() example
jQueryのfadeIn()、fadeOut()、fadeTo()の効果について説明します。 -
slideUp(), slideDown() and slideToggle() example
jQueryのslideUp()、slideDown()、slideToggle()の効果について説明します。 -
show() and hide() example
jQueryのshow()およびhide()効果について説明します。
jQueryイベント処理
jQueryでのイベント処理に関するすべて。
-
bind() and unbind() example
一致した要素のイベントハンドラーをアタッチまたはデアタッチする方法。 -
Trigger other elements event handler
jQueryを使用して他の要素のイベントハンドラーをトリガーする方法。
jQueryブラウザイベント
jQueryのブラウザイベントに関するすべて。
-
Mashable floating effect example with jQuery
ブラウザのscroll()イベントを使用して、すばらしいMashableのスクロール効果を実装する方法を示す例。 -
resize() example
ブラウザのサイズが変更されたことを検出します。
jQueryマウスイベント
jQueryのマウスイベントに関するすべて。
-
click() and dblclick() example
jQueryでマウスのシングルクリックとダブルクリックを検出します。 -
mousemove() example
jQueryでマウスの動きを検出します。 -
Different between mouseover() and mouseenter()
jQueryのmouseover()とmouseenter()の違いを示す例。 -
Different between mouseout() and mouseleave()
jQueryのmouseout()とmouseleave()の違いを示す例。 -
Different between mouseup() and mousedown()
jQueryのmouseup()とmousedown()の違いを示す例。
jQueryキーボードイベント
jQueryのキーボードイベントに関するすべて。
-
Keyboard events example
キーボードイベント– keyup()、keydown()、keypress()の例。 -
Check if an enter key is pressed
jQueryキーボードイベントで「Enterキー」が押されたかどうかを確認する方法を示す例。 -
Detect copy, paste and cut behavior
jQueryを使用してコピー、貼り付け、および切り取りの動作を検出する方法。
jQueryの一般的な問題
一般的なjQueryの問題と解決策。
-
jQuery $() function is not working?
jQuery.noConflict()またはjQuery()とのjQueryの競合の問題を回避する方法を示します。 -
Access to restricted URI denied
「制限付きURIへのアクセスが拒否されました」エラーを解決するためのソリューション。