日期:2014-05-16  浏览次数:20372 次

jquery对象和javascript对象之间的转化

<html>
<head>
 <meta charset="utf-8"/>
 <script type="text/javascript" src="./script/jquery-1.4.2.min.js"></script>

</head>
<body>
 <p id="para">这是一个p元素</p>
</body>
 <script>
  /*
  //1,DOM方式设置p元素的样式
  var p = document.getElementById("para");
  p.style.backgroundColor = "green";
  //2,jquery对象设置p元素的字体样式
  $("#para").css("font-size","50px");
  //3,jquery对象和DOM对象的转化
  var $p = $("p");
  
  //将他转化成DOM对象
  var $p = $("#para");
  var p = $p[0];
  //var p = $p.get(0);
  $p.innerHTML = "HELLO";
  //p.innerHTML = "HELLO WORLD";
  */
  //将DON对象转化成jquery对象
  var p = document.getElementById("para");
  //使用 $()---jquery的构造工厂,将里面的参数构造成一个jquery对象
  var $p = $(p);
  $p.css("color","green");
 </script>
</html>