JQuery属性样式

入口函数定义三种格式

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

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

•第三种：jQuery(function(){});

jquery入口函数和js入口函数区别

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

•jquery入口函数只要加载完文档结构就执行

jquery常用的核心元素

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

•each（callbackfn）

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

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

文档DOM节点操作函数分析

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

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

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

•DOM节点删除：empty、remove、detach

•DOM节点克隆：clone

属性操作分析

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

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

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

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

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

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

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

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

样式操作分析

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

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

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

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

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

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