Latest web development tutorials

jQueryの例

あなたはjQueryのスキルを強化したいですか?


jQueryのセレクタ

$(この).hide()

現在のHTML要素を隠し、jQueryの非表示()関数を示しています。

$( "P")。非表示 ()

すべての<P>要素を隠し、jQueryの非表示()関数を示しています。

$( "。テスト」)。隠します()

すべてのクラス= "テスト"要素を隠し、jQueryの非表示()関数を示しています。

$( "#テスト」)。隠します()

jQueryの非表示()関数を示している、ID = "テスト"の要素を非表示にします。


jQueryのイベント

jQueryのクリック()
デモjQueryのjQueryのクリック()イベント。

jQueryのDBLCLICK()
デモjQueryのDBLCLICK()イベント。

jQueryのMouseEnterイベント()
デモjQueryのMouseEnterイベント()イベント。

jQueryのmouseleave()
デモjQueryのmouseleave()イベント。

jQueryのマウスダウン()
デモjQueryのマウスダウン()イベント。

jQueryののmouseup()
デモjQueryののmouseup()イベント。

jQueryのホバー()
デモjQueryのホバー()イベント。

jQueryのフォーカス()およびぼかし()
デモjQueryのフォーカス()およびぼかし()イベント。

分析の例


jQueryの表示/非表示

jQueryの非表示()
デモjQueryの非表示()メソッド。

jQueryの非表示()とshow()
デモjQueryの非表示()およびshow()メソッド。

jQueryのトグル()
非表示()およびshow()メソッドを切り替えるためのjQueryのトグル()。

jQueryの非表示()
隠しテキストのさらなる例。

分析の例


jQueryのフェード

jQueryのフェードイン()
デモjQueryのフェードイン()メソッド。

jQueryのフェードアウト()
デモjQueryのフェードアウト()メソッド。

jQueryのfadeToggle()
デモjQueryのfadeToggle()メソッド。

jQueryのfadeTo()
デモjQueryのfadeTo()メソッド。

分析の例


jQueryのスライド

jQueryのslideDown()
デモjQueryのslideDown()メソッド。

jQueryのslideUp()
デモjQueryのslideUp()メソッド。

jQueryのslideToggle()
デモjQueryのslideToggle()メソッド。

分析の例


jQueryのアニメーション

jQueryのアニメーション()
デモ簡単なjQueryの()メソッドをアニメーション化します。

jQueryのアニメーション() -設定された複数のCSSプロパティ
デモ()メソッドは、jQueryのアニメーションによってスタイルを変更します。

jQueryのアニメーション() -相関値の使用
jQueryのアニメーション()メソッドの値を使用する方法を示します。

jQueryのアニメーション() -事前に定義された値を使用して、
事前に定義された「非表示」、「ショー」のデモンストレーション、「トグル」値)は(アニメーション化します。

jQueryのアニメーション()
デモ詳細jQueryのアニメーション()メソッドのインスタンス

jQueryのアニメーション()
デモ詳細jQueryのアニメーション()メソッドのインスタンス(複数のアニメーション()コールバック)。

分析の例


jQueryのアニメーションを停止します

jQueryの停止()スライド
デモjQueryのstop()メソッド。

jQueryの停止()アニメ(パラメータ)
デモjQueryのstop()メソッド。

分析の例


jQueryのHTML取得およびプロパティ

jQueryのテキスト()とhtml() -テキストやコンテンツを取得
コンテンツを取得するjQueryのテキスト()とhtml()メソッドを使用します。

jQueryのvalが() -値を取得します
フォームフィールドの値を取得するjQueryのヴァル()メソッドを使用します。

jQueryのattrが() -プロパティ値を取得します
プロパティ値を取得するためにjQueryのattrの()メソッドを使用します。

分析の例


jQueryのHTMLコンテンツとプロパティの設定

jQueryのテキスト()、htmlの() 、とval() -内容が設定
内容を設定するためのjQueryのテキスト()、HTML()とval()メソッドを使用します。

jQueryのテキスト()とhtml() -内容を設定し、コールバック関数を使用します
内容を設定し、コールバック関数を使用します)(テキスト()とHTMLを使いました

jQueryのattrの() -プロパティの値を設定します
プロパティ値を設定するためのjQueryのattr()メソッドを使用します。

jQueryのattrが() -複数のプロパティ値を設定します
複数のプロパティ値を設定するためのjQueryのattr()メソッドを使用します。

jQueryのattrの() -コールバック関数を使用してプロパティ値を設定します
+そして、コールバック関数呼び出しのattrを使用してプロパティ値を設定()。

分析の例


jQueryのHTML要素/コンテンツを追加します

jQueryの追加()
選択した要素の終わりにコンテンツを追加

jQueryの先頭に追加()
選択した要素の先頭にコンテンツを追加

jQueryのは、追加() -複数の要素を挿入します
革新的な新しいテキスト/ HTML要素、jQueryとJavaScriptを/ DOM。 テキストに新しい要素を追加します。

(後)と前にjQueryの()
前に、選択した要素の後には、HTML要素を追加します。

jQueryの後に() -複数の要素を挿入します
革新的な新しいテキスト/ HTML要素、jQueryとJavaScriptを/ DOM。 選択した要素の終わりに新しい要素を挿入します。

分析の例


jQueryのHTML要素が除去される/コンテンツ

jQueryの削除()
選択した要素を削除します

空のjQueryの()
すべての子要素の選択された要素を削除します

jQueryの削除() -パラメータを
フィルタエレメントを取り外します

分析の例


jQueryのは、CSSクラスを取得し、設定します

jQueryのaddClass()
異なる要素のclass属性を追加します。

jQueryのaddClass() -複数のクラス
複数のクラスを追加するには、addClass()メソッドを使用します。

jQueryのremoveClass()
クラスの指定された要素を削除します。

jQueryのtoggleClass()
選択されたスイッチング素子(追加/削除)クラスで

分析の例


jQueryのCSS()メソッド

jQueryのCSSは() - CSSプロパティを返します。
最初に一致した要素のCSSプロパティの値を返します。

jQueryのCSS() -セットCSSプロパティ
すべての構成要素を指定されたCSSプロパティを設定します

jQueryのCSS() -セットCSSプロパティ
一致する要素のCSSプロパティの複数

分析の例


jQueryの寸法

jQueryの- (幅を返す)と高さ()
指定された要素の幅と高さを返します

jQueryの-はinnerWidth()プロパティおよびinnerHeightを(返します)
指定された要素の内側の幅/高さを返します

jQueryの- outerWidthの()とouterHeightを(返します)
指定された要素の外側の幅/高さを返します

jQueryの- (真)outerWidthの(真)とouterHeightを返します。
(外枠を含む)指定された要素の外側の幅/高さを返します

jQueryのは-ドキュメントとウィンドウの幅()と高さ()を返します
HTMLドキュメントとウィンドウの幅と高さを返します

jQueryの-設定の幅()と高さ()
幅と高さが指定された要素を設定します

分析の例


jQueryのトラバーサル - 先祖

jQueryの親()
デモjQueryの親()メソッド。

jQueryの両親()
デモjQueryの両親()メソッド。

jQueryのparentsUntil()
デモjQueryのparentsUntil()メソッド。

分析の例


jQueryのトラバーサル - 子孫

jQueryの子供たち()
デモjQueryの子供()メソッド。

jQueryの見つけます()
デモjQueryのfind()メソッド。

分析の例


jQueryのトラバーサル - 同胞(兄弟)

jQueryの兄弟()
デモjQueryの兄弟()メソッド。

次のjQueryの()
デモjQueryのnext()メソッド。

jQueryのnextAll()
デモjQueryのnextAll()メソッド。

jQueryのnextUntil()
デモjQueryのnextUntil()メソッド。

分析の例


jQueryのAJAXロード()メソッド

jQueryの負荷()
非同期読み込み、ファイルの内容と、<div>要素に挿入。

jQueryの負荷()
非同期ロード・ファイルの内容は、要素の内容を指定し、<div>要素に挿入します。

jQueryの負荷() -コールバック関数(コールバック)を使用
コールバック関数のjQueryのload()メソッドを使用します。

分析の例


jQueryのAJAXを取得()およびポスト()メソッド

jQueryの取得()
非同期サーバーからデータを取得するために$ .get()メソッドを使用して、

jQueryのポスト()
非同期にサーバからデータを取得するための$ .post()メソッドを使用して

分析の例