美文网首页
JQuery学习心得

JQuery学习心得

作者: qzuser_1d64 | 来源:发表于2017-10-25 09:03 被阅读0次

        $是一个特殊的符号,是JQuery特有的。使用JQuery的时候必须先引入一个外接文件。这个文件里面封装了使用方法。$("selector"),可以是$("#id")、$(".class")、$("*")、$("p")等等,分别表示选择某个id、某一类、全部的、全部p标签下的元素。

        JQuery可以有CSS属性的获取方法。例如:$("#box").CSS("width",200)或者$("#box").CSS({"width":200})或者$("#box").CSS({"width":“200px"}),其意思都是对id为box的元素设置或者添加一个width=200的属性值,使其宽度为200px。其它的style方式同理,形式类似。

        如果要插入动画效果,首先需要引入一个外接文件。这个外接文件里面有封装好的动画效果。使用时,$(selector).animate({params},speed,callback);paramsselector最终到达的位置,speed这里的意思是动画完成需要的时间,单位为毫秒;或者写”fast"和"slow"。callback是回调函数,是动画运行结束以后执行的函数。动画效果一般有淡入,淡出,滑动,隐藏,显示。其中scrollTop的意思是滚动条下拉,它的值就是滚动条下拉的具体数目。

        stop()函数有两个可选参数,默认值都是false。stop()为被选元素停止当前正在运行的动画,如果有两个动画效果,那么第二个不会被停止,如果需要停止全部的动画效果,需要stop(true)。第一个参数的意思是是否停止被选元素所有的加入队列的动画,第二个参数的意思是是否立即完成所有的动画效果,即stop(true,true)。

        scroll是一个事件,是页面滚动事件。scrollTop()的意思是得到所选物体的滚动条在最顶部。hide()是使得所选物体隐藏,show()是显示,toggle()是在hide()和show()之间进行切换;slideDown()是向下滑动,slideUp()是向上滑动,slideToggle是在slideDown()和slideUp()之间进行切换;jQuery fadeIn() 用于淡入已隐藏的元素,jQuery fadeOut() 方法用于淡出可见元素,jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换,jQuery fadeTo() 方法允许渐变为给定的不透明度(值介于0和1之间);each()是遍历的意思,delay()是延迟的意思,用于不同的物体依次进行动画的运动,参数是间隔时间,单位是毫秒。

相关文章

  • JQuery学习心得

    $是一个特殊的符号,是JQuery特有的。使用JQuery的时候必须先引入一个外接文件。这个文件里面封装了...

  • jQuery 学习心得

    1.一定要记得引入jQuery库,并且要把库放在最上面. 2.合理使用变量 访问DOM是javascript应用最...

  • 2019-11-28

    重回简书-----我最初认识的文字软件 从今天我将介绍一下我学习进度与学习心得。 今天学习到了jquery的初体验...

  • jQuery 效果

    目录 jQuery 隐藏/显示jQuery 淡入淡出jQuery 滑动jQuery 动画jQuery Callba...

  • jquery常用cdn

    jQuery: jQuery mobile: jQuery UI:

  • jQuery第一天笔记

    JQuery简介 JQuery常用方法 JQuery中的插件 JQuery简介 JQuery 的发展历史http:...

  • JavaScript之jQuery

    九、jQuery 目录:初识jQuery及公式、jQuery选择器、jQuery事件、jQuery操作DOM元素 ...

  • jQuery需要课上讲解的方法

    jQuery jQuery 核心jQuery() jQuery对象访问each()index()get()leng...

  • 优博精选|2018互联网优秀博客推荐(持续更新)

    前端开发 jQuery之家:jQuery之家致力于搜集和整理各种jQuery插件,jQuery特效,jquery ...

  • jquery实战

    jQuery属性操作 jQuery特殊效果 jQuery动画 jQuery循环 jQuery其他事件 自定义事件

网友评论

      本文标题:JQuery学习心得

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