JQuery官方解释:
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“writeLess,DoMore”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
一、属性
属性部分都是通过各个方法设置或返回选中元素的属性值。最多使用atrr;
text设置某元素text属性,html设置某元素html部分的属性,val,设置某元素val部分的属性;
二、事件
1、click和ready方法()
ready() 函数规定当 ready 事件发生时执行的代码。
ready() 函数仅能用于当前文档,因此无需选择器。
事件可以卸载;
2、遍历
可以遍历数组中的元素的内容,键值对;和层选择器的内容有相似的地方;
3、合成事件
Hover(fn1,fn2): fn1表示mouseover的处理函数,fn2表示mouseout的处理函数;
Toggle(fn1,fn2…fnN ):当元素被click后,轮流执行fn1,fn2,fnN方法;
One(type,fn):表示注册的时间只相应一次,然后失效,type表示事件类型;
4、文档的处理
创建元素:
$('标签字符串')
添加元素:
append(),appendTo()
Prepend(),prependTo()
After(),insertAfter()
Before(),insertBefore()
动态删除元素:
Enpty() :清空子元素
remove(selector):无参表示把自己移除掉,有参表示移除复合选择题的元素
三、样式处理:
1、样式操作:
CSS(),按照键值对的格式对样式进行设置;
如果只设置一个样式,则可直接赋值,如css('color','red');
如果设置多个样式,则使用css({键1:值1,键2:值2})的格式
操作后生成的代码都是对标签的style属性进行设置
2、类操作:
addClass. hasClass,removeClass, toggleClass
也可以使用属性方法操作:
Attr('class','className');
四、选择器:
选择器大全:
http://www.cr173.com/html/21124_1.html
五、隐式迭代和链式编程
1、隐式迭代:
不用自己去写for遍历 dom数组了,自动为每个数组元素循环加了执行方法,隐藏起来 迭代 赋予每个数组元素 执行方法。对于满足条件的每个对象重复执行,比如,对btn类采取同样的操作(通过选择器来进行选择)。
2、链式编程:
调用完一个方法后不用重新获取对象,继续.,只需选择一次。使用层级和过滤选择器后会将原有的链破坏,不能继续.此时用end(),恢复到最近的一次;
比如:我们设置一个控件的属性,使用lable.caption =;lable.name=;lable.width=;等,但是使用迭代后,可以直接lable.caption().name().width();
以上我是我对JQuery的整体的认识,希望能对刚学习JQuery的朋友带来帮助,如有错误,请指点。