jQuery インスタンス

例を通じて jQuery 技能を向上させましょう！

jQuery文法の例

$("this").hide()
jQueryのhide()関数のデモ、現在のHTML要素を隠します。
$("p").hide()
jQueryのhide()関数のデモ、すべての <p> 要素を隠します。
$(".test").hide()
jQueryのhide()関数のデモ、すべての class="test" の要素を隠します。
$("#test").hide()
jQueryのhide()関数のデモ、id="test"の要素を隠します。

例の説明

隠し - スライド - フェード

jQuery fadeOut()
簡単な jQuery fadeout() 関数のデモ
jQuery hide()
簡単な jQuery hide() 関数のデモ
説明を隠す
部分テキストの隠し方のデモ
Slide panel
簡単な Slide Panel エフェクトのデモ
jQuery animate()
簡単な jQuery animate() 関数のデモ

例の説明

HTML 操作

HTML要素の内容を変更する。

HTML要素に内容を追加する。

HTML要素の後ろに内容を追加する。

例の説明

CSS 操作

HTML要素の CSS 属性を変更する。

複数の CSS 属性を変更する。

要素の CSS 属性を取得する。

例の説明

AJAX と jQuery

HTML内容を変更するためには $(selector).load(url) を使用します。。

HTML内容を変更するためには $.ajax(options) を使用します。。

例の説明