js教程 jQuery

JQuery：

就是一个js库。提供了一些非常易用，常用的功能，方便进行高效的js操作。

jquery的操作语法：jq对象.action();

一、jQuery对象与dom对象的区别：

jQuery对象转化成dom对象？

$jq[x] ：juqery对象通过下标索引，可以获取对应的dom对象。或者使用 $jq.get(x)。 

如何把dom元素转换成jquery对象呢？

$(dom元素)。 

二、隐式迭代

jquery对象的许多方法，内部会自动进行循环迭代。 

三、链式操作 

原理：很多方法在调用后，仍然返回对象本身。 

四、选择器与筛选 

筛选指的是在选中元素的基础上，进行二次过滤。

五、dom操作与四向遍历 

1、children("selector"); 查询子元素。

2、parent("selector")：选中父元素。 

3、parents("selector")：选中祖先元素。 

4、parentsUntil("selector")：选中祖先元素，直到。。。 

5、closet("selector")：离其最近的祖先元素。 

6、find("selector") ：查询后代元素 

7、prev("selector")：紧邻兄元素。 

8、prevAll("selector")：所有兄元素。 

9、siblings：所有的兄弟元素，但不包含自身。

六、事件处理 

1、就绪事件：$(function(){}); 

2、$jq.xxx。添加事件 

3、$jq.on("xxx",事件处理函数); 

4、e.originalEvent：获取原始事件对象。 

5、事件冒泡与事件委托：

七、动画 

八、jquery对象的常用属性和函数：

 1.css函数，可以设置样式。

 2.text()；用于设置或获取文本内容。有参数表示设置，无参数表示获取。

 3.val()：用于设置或获取表单元素的值，有参数表示设置，无参数表示获取。

 4.length：用于获取选中的元素的个数。 5.html：表示设置或获取元素的html内容。

5.html：表示设置或获取元素的html内容

本文作者：刘广法，转载注明出处。