jQuery操作DOM

jQuery操作DOM
1.设置元素的属性
attr({key0:value0,key1:value1}) 设置多个属性
attr(key, function(index)) 通过该函数返回的值作为元素的属性值
html()仅支持xhtml的文档，不支持xml文章。text()则都支持。
val().join(“,”)获取select 标记中的多个选项值
val(array) 例如$(“:radio”).val([“radio2”,”radio3”]) ID号为radio2和3的单选框被选中

2.元素样式操作
AddClass(class0 class1 …)增加css
toggleClass(class) 动态CSS切换功能.当元素中含有名称为class的css类别时，删除该类别，否则增加一个该名称的CSS类别。

3.创建节点元素
Var $div = $(“<div>text</div>”);
$(“body”).append($div);

4.插入节点
1)内部插入节点
Append(content) 向所选择的元素内部插入内容
Append(function(index,html))
appendTo(content) 把所选择的元素追加到另一个指定的元素集合中
prepend(content),prepend(function(index,html))向每个所选择的元素内部前置内容
prependTo(content)

2)外部插入节点
After(content),after(function) 向所选择的元素外部后面插入内容
Before(content),before(function)向所选择的元素外部前面插入内容
InsertAfter(content),insertBefore(content)将所选择的元素插入到另一个指定元素外部的后面后者前面

5.复制节点
Clone()复制元素，复制后的新元素不具有任何元素行为
Clone(true)复制后新元素具有所有的事件

6.替换节点
ReplaceWith(content)将元素替换成指定的HTML或者DOM元素
ReplaceAll(selector)将所有选择的元素替换成指定selector的元素
$(“<span>test</span>”).replaceAll(“#span1”);

7.包裹节点
Wrap(html)把所有选择的元素用其他字符串代码包裹起来
Wrap(elem),wrap(fn)
Unwrap()移除所选元素的父元素或包裹标记
WrapAll(html)把所有的元素用单个元素包裹起来
WrapAll(elem),wrapAll(elem)
wrapInner(html),wrapInner(elem),wrapInner(fn)把所有选择的元素的子内容包裹起来

8.遍历元素
$(“img”).each(function(index) { this.title = index + this.alt })

9.删除元素
Remove([expr])删除jquey表达式匹配的元素，也可以为空。
Empry()清空所选择的页面元素或所有的后代元素