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

本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：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);
-----------------------------------------------

点击进入JS强化教程