码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2016-08-03 15:39:56      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:html5 js

本文为 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强化教程

本文出自 “11721999” 博客,请务必保留此出处http://11731999.blog.51cto.com/11721999/1833870

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

标签:html5 js

原文地址:http://11731999.blog.51cto.com/11721999/1833870

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!