JQuery学习笔记

1.判断页面控件是否加载完毕:

javascript:window.onload=function(){};

JQuery: $("document").ready(functiong(){});

2.JQuery和javascript编写方式的差异:

javascript习惯:控件.事件=function(){};

JQuery习惯:控件.事件(function(){});

3.JQuery特效方法使用的前提:

淡入淡出:fadeIn():使用前,控件的display属性为none;同理fadeOut时display为block;

滑动:JQuery的滑动不是控件来回来去跑,而是控件显示/收起时的特效。slideDown()时控件的display为none,相反,slideUp()时display为block;而slideToggle方法需要闭包在控件的事件中才起作用,否则只会判断控件的 display来做出是down还是up;

animate动画:在属性串中不能改变背景颜色,background:'Red',这种写法是不被支持的。且动画执行顺序为所有属性同步执行。

stop(stopAll,gotoEnd)停止方法:专门用于停止特效方法的执行,如 对象.animate().slideUp().fadeIn() 当每调用一次stop()时,依次停止 animate slideUp fadeIn,当stop(true)的时候,全停止。而stop(true,true)时,停止animate后将对象更新为animate属性串中规定的样子,后续的两个方法不执行。当stop(false,true)时,每次调用stop后,对象都变成该终止方法最后达成的样子。

4.JQuery val()、text()和html()

这两个方法只针对于容器类控件,而类似于button之类的不能输入文字的控件里面显示只能是空白,当然调用这两个方法并不会报错。但是如果给它们赋值的话就报错了,比如 button.text("1234");而容器类控件都具有val exthtml,只不过有的个别属性不显示,如div的val,可以设置,也可以alert出来,但是页面上看不出设置了val值。textarea虽然没有value这一项,但是设置了val,也会在页面上显示val,这些这没有普遍性,只有个性。

5.JQuery addclass()方法

这个方法在为对象新增一个css的时候,如果该对象有行间样式,行间样式如果和新增样式冲突,以行间样式为准。

6.JQuery add()方法

add()方法主要的目的在于追加要操作的对象,比如$("对象1").add("对象2").addclass("xxx"),这样就给对象1和对象2 全部追加上了XXX样式。

7.JQuery对象集合

JQuery对象的集合如 一个包含若干 div对象的集合,里面的元素oDiv[i]会失去许多直接获取对象方式的许多方法,如addClass、width()等,而这些方法被集合名所拥有。所以,JQuery的集合性操作更加简便,通过强大的选择器过滤出相同条件的子元素组,用方法统一为该集合增加属性值,省去了循环。

原文地址:https://www.cnblogs.com/JhoneLee/p/3357381.html