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函数，则返回属性值的函数,第一个参数为当前元素的索引值，第二个参数为原先的属性值