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");
});