JQuery函数和属性样式的设置

入口函数分析

入口函数定义三种格式：

第一种：$(function(){});

第二种：$(document).ready(function(){});

第三种：JQuJery(function(){});

JQuery入口函数和js入口函数区别：

1：js入口函数只能有一个，多个会互相覆盖；

2：js入口函数需要当前page所有资源全部加载完毕后执行，jquery入口函数只要加载完文档结构就执行

核心函数分析

JQuery常用的核心元素：

1：JQuery（HTML）/$（HTML）:动态创建DOM元素的HTML标记字符串

2：each（callbackfn）

3：size()、length：获取返回数据的大小/内容个数

4：index（）、get（）：搜索匹配的元素并返回索引、根据索引获取指定元素

文档DOM节点操作函数分析

DOM节点内部插入节点：append/appendTo、prepend/prependTo

DOM节点外部（前后）插入节点：after/insertAfter、before/insertBefore

DOM节点外层包裹节点操作：wrap、unwrap、wrapInner

DOM节点删除：empty、remove（元素属性同时被移除）、detach（元素属性被保留）

DOM节点克隆：clone

JQuery属性和样式设置

属性操作分析：

1：属性取值：attr(“name”)

2：单数属性设置：attr(“name”,“value”|fn)

3：多个属性设置：attr({name:“value”|fn,name:“value”|fn,...});

4：移除属性：removeAttr（“name”）

5：添加class类：addClass(“name”);

6：移除class类：removeClass（“name”）；

7：切换删除和添加class类：toggleClass（“name”）；

8：插入文本：html（content|fn）、text（content|fn）

样式操作分析：

1：样式取值：css(“name”)

2：单数样式设置：css(“name”,“value”|fn)

3：多个样式设置：css({name:“value”|fn,name:“value”|fn,...});

4：位置设置：offset、position、scrollTop、scrollLeft

5：尺寸设置：height、width、innerHeight、innerWidth、outerHeight、outerWidth

说明：如果值为一个fn函数，则返回属性值的函数,第一个参数为当前元素的索引值，第二个参数为原先的属性值