牛骨文教育服务平台(让学习变的简单)
博文笔记

JQuery对DOM元素的属性操作

创建时间:2018-01-27 投稿人: 浏览次数:512

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(“样式名”);

 $("").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前面(两者形成并列关系)

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


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





声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。