JQuery操作DOM

访问元素：

1.设置多个属性：attr({key0:value0,key1:value1})

2.设置属性：attr(key,function(index))

3.删除属性：removeAttr(name)

4.设置内容：html()  text() ,html仅支持xhtml文档，text多支持一种：xml

5.获取或者设置元素值：val(val) ,参数可为数组    /获取select标记中的多个选项值： val().join(",")

6.设置获取样式:css(name,value)  /增加类别  addClass(class) 多个时用空格隔开：addClass(class1 class2...)

7.类别切换： toggleClass(class1) ,class1值和原初始值互换

8.删除列表：removeClass([class]) 带参数则为删除该参数名的类别，多个参数已空格隔开，不带参数代表删除所有类别

创建节点元素：

①内部插入节点：A.append(content) A.append(function(index,html))  将内容插入到A之后 fun函数必须返回字符串

　　　　　　　　A.appendTo(content) 将A插入到content之后

　　　　　　　　A.perpend(content) A.perpend(function(index,html)) 将内容插入到A之前

　　　　　　　　A.perpendTo(content) 将A插入到content之前

②外部插入节点：A.after(content) A.after(function) 将内容插入到A之后 fun函数返回字符串

　　　　　　　　A.before(content) A.before(function) 将内容插入到A之前 fun函数返回字符串

　　　　　　　　A.insertAfter(content) A.insertBefore(content)  将A放在content之后；之前

③复制节点： A.clone() 仅复制元素 A.clone(true) 复制元素及其所有事件

④替换节点：A.replaceWith(content) 用content替换A

　　　　　　A.replaceAll(selector) 用A替换selector    两种替换完成时，被替换元素中的全部事件将消失

⑤包裹节点：A.wrap(html)  用html包裹A

　　　　　　A.wrap(element) 用element包裹A

　　　　　　A.wrap(fn) 用fn包裹A

　　　　　   A.unwrap() 清除A的父元素或者包裹标记

　　　　　　A.wrapAll(html) 

　　　　　　A.wrapAll(element)

　　　　　　A.wrapInner(html) 用html包裹A的内容

　　　　　　A.wrapInner(element) 用element包裹A的内容

　　　　　　A.wrapInner(fn) 用fn包裹A的内容

⑥遍历元素：A.each(callback) callback=function(index)

⑦删除元素：A.remove([expr])  expr为筛选表达式  移除A

　　　　　　A.empty()  清空A内容及所有后代元素，并不删除A

 

转载于:https://www.cnblogs.com/addwing/archive/2013/04/23/3024024.html