JavaScript强化教程——JQuery中的DOM编程

JavaScript强化教程——JQuery中的DOM编程

本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 ——JQuery中的DOM编程

DOM编程
----------------------------
js中DOM编程
创建一个标签对象
var p=document.createElement("p");
var img=document.createElement("img");
设置标签里面的内容
p.innerHTML="天气不错"；
p.id="p01";
img.src="xx.png";
在一个标签中添加另一个标签
p.appendChild(img);
p.insertBefor(img);
<p id="p01">
天气不错
<img src="xxx.png">
</p>
获取一个标签对象
var obj=document.getElementById("p01");
js中设置标签样式
obj.style.color="red";
obj.className="select";
设置标签的属性
obj.setAttribute
---------------------------------------------------
jQuery中DOM编程
创建对象
1 $("<p>hello</p>")
2.$("<div/>").css().html().appendTo
$("#div1").append($("<p/>").css().html());
设置对象属性
$("#xm").attr("checked","true");
设置对象的样式
$("#div1").css("属性","属性值");
$("#div1").css({"属性1":"属性值","属性2":"属性值"});
设置标签内容
$("#p1").html("这是一个p标签");
在一个标签中添加另一个标签
$("#div1").append(obj);
$("#div2").befor(obj);
-----------------------------------------------