2018-12-09Jquery

什么是Jquery?

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

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

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

jquery加载

<script type="text/javascript">

$(function(){

 ......

});

</script>

绑定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() 依次展开或卷起某个元素

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 711评论 0 3
  • jQuery 安装 把 jQuery 添加到您的网页 如需使用 jQuery,您需要下载 jQuery 库(会在下...
    Clover园阅读 341评论 0 0
  • 警告请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document....
    鹿守心畔光阅读 2,889评论 3 104
  • 隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css...
    老夫撩发少年狂阅读 1,186评论 0 2
  • jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。...
    阿r阿r阅读 1,260评论 0 4

友情链接更多精彩内容