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(“样式名”);
$("").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");//解除该事件的绑定 });
});
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。