Jquery 效果

  • 1.什么是Jquery?

jQuery是目前使用最广泛的javascript函数库

  • 2.jquery是一个函数库,一个js文件,页面用script标签引入这个js文件就可以使用。

  • 3.jquery加载


  • 4.绑定click事件
$('#btn1').click(function(){

// 内部的this指的是原生对象

// 使用jquery对象用 $(this)

})

  • jquery特殊效果
fadeIn() 淡入

$btn.click(function(){

    $('#div1').fadeIn(1000,'swing',function(){
        alert('done!');
    });

});

fadeOut() 淡出
fadeToggle() 切换淡入淡出
hide() 隐藏元素
show() 显示元素
toggle() 依次展示或隐藏某个元素
slideDown() 向下展开
slideUp() 向上卷起
slideToggle() 依次展开或卷起某个元素

你可能感兴趣的:(Jquery 效果)