日期:2014-05-16 浏览次数:20398 次
<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>