JQuery学习心得

        $是一个特殊的符号,是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学习心得)