美文网首页
Jquery 效果

Jquery 效果

作者: Tellme丶 | 来源:发表于2018-12-12 19:37 被阅读0次
    • 1.什么是Jquery?

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

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

    <script type="text/javascript" src="js/jquery-1.12.2.js"></script>

    • 3.jquery加载
    <script type="text/javascript">
    
    $(function(){
    
     ......
    
    });
    
    </script>
    
    
    • 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 效果

          本文链接:https://www.haomeiwen.com/subject/emgphqtx.html