jQueryとは何ですか?


jQuery

jQueryはJavaScriptライブラリです。

jQueryはJavaScriptプログラミングを大幅に簡素化します。

jQueryは簡単に習得できます。


jQueryの非表示と表示

jQueryを使用すると、hide()メソッドとshow()メソッドを使用してHTML要素を非表示および表示できます。

$("#hide").click(function(){
    $("p").hide();
});

$("#show").click(function(){
    $("p").show();
});

jQueryスライディング

jQueryを使用すると、HTML要素にスライド効果を作成できます。

  • slideDown()
  • 上にスライドします ()
  • slideToggle()

$("#flip").click(function(){
    $("#panel").slideDown();
});

jQueryアニメーション

$("button").click(function(){
    $("div").animate({
        left: '250px',
        height: '+=150px',
        width: '+=150px'
    });
}); 


CSSを操作するjQuery

$("button").click(function(){
    $("h1, h2, p").toggleClass("blue");
});