什么是 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()
  • slideUp()
  • slideToggle()

实例

$("#flip").click(function(){
    $("#panel").slideDown();
});
亲自试一试 »

jQuery 动画

实例

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


jQuery 操作 CSS

实例

$("button").click(function(){
    $("h1, h2, p").toggleClass(&quo

jQuery 操作 CSS

lue");
});
亲自试一试 »