jQuery基础:事件、效果

jQuery基础:事件、效果_第1张图片
在事件中经常使用术语"触发"(或"激发")例如: "当您按下按键时触发 keypress 事件"。

语法:

$(this).hide() - 隐藏当前元素

$("p").hide() - 隐藏所有段落

$("p .test").hide() - 隐藏所有 class="test" 的段落

$("#test").hide() - 隐藏所有 id="test" 的元素


效果:

隐藏和显示:

hide()和show()

toggle():打包hide和show

$(document).ready(function(){

$("button").click(function(){

$("p").toggle("slow");});

});

淡入淡出:

fadeIn()、fadeOut()

fadeToggle():打包fadeIn()、fadeOut()

fadeTo():允许渐变为给定的不透明度(值介于 0 与 1 之间)


滑动:

上下滑动:slideDown()、slideDown()


jQuery基础:事件、效果_第2张图片
滑下


滑上

slideToggle() 方法:打包slideDown()和slideUp()


Chaining:

允许在一条语句中运行多个 jQuery 方法(在相同的元素上)

语法

$(document).ready(function()

{$("button").click(function(){

$("#p1").css("color","red").slideUp(2000).slideDown(2000);});

});

你可能感兴趣的:(jQuery基础:事件、效果)