JQuery对DOM元素的属性操作

1.获取元素当前节点及子节点的文本内容

  $("").text();

2.获取元素当前节点及子节点的html内容（显示标签符）

  $("").html();

3.获取当前元素的样式高度：

 $("").height();

4.获取元素标签（div）中属性（title）的值,或者追加一个属性并赋值

$("div").attr("title")；$("div").attr("要追加的属性"，"赋值的内容")；

5.克隆节点

 clone（）；只复制元素 clone（true）；复制内容包含节点内事件
 var copy=$("").clone();//生成克隆内容
 $("").append(copy); //放在click事件函数中执行追加克隆内容

6.追加，移除样式：

 $("").addClass("样式名样式名")； $("div").attr("class"，"样式名内容")；
 $("").remove(); //不加参数默认移除所有class设置，加参数时删除指定class设置

7.判断元素是否具有某样式

  $().hasClass("样式名");
//返回布尔类型的值

8.控制样式有无：（有该样式则去掉，没有则加上）

$().toggleClass(“样式名”)；

9.节点属性和追加节点操作：

 $("").children.length; //元素下的子节点长度


 $("").next().next(); //当前节点的下一个节点元素，在下一个

 $("").prev() ;//当前节点的上一个节点元素


 $("").siblings().size(); //当前节点下的所有兄弟节点的长度


 $("").warp("<font col;or='red'></font>"); //把当前节点用<font col;or='red'></font>包裹

 在被选定元素内部插入节点：

$('nav').append($div);
//将新创建的div节点插入到nav容器的内容底部

$('nav').prepend($div);
//将新创建的div节点插入到nav容器的内容顶部

$('<div>append添加的节点</div>').appendTo($nav);//将
“append添加的节点“ 这个div添加到nav的内容后面

$('<div>append添加的节点</div>')..prependTO($nav);//将
“append添加的节点“
这个div节点添加到nav的内容的前面
 
 在被选定元素外部插入节点：
 

$('nav').after($div);
//将新创建的div节点插入到nav后面（两者形成并列关系）

$('nav').before($div)
//将$div插入到nav前面（两者形成并列关系）

$('$div').insertAfter("nav")//将$div插入到nav后面（两者形成并列关系）

$('$div').insertBefore("nav")
将$div插入到nav前面（两者形成并列关系）

10.JQuery事件的绑定：

 $(function(){
 $("").click(function(){
 $("").bind("mouseover",function(){
 alert("绑定事件：鼠标滑过元素时弹出该消息"); 
}) 
});

 $("").click(function(){
  $(“”).unbind();
//默认接触所有事件的绑定
  $("").unbind("mouseover");//解除该事件的绑定
 });

})；