<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="js/jquery-1.5.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {//jQuer对象获取DIV层
alert($("#div1").html());
}
);
//DOM对象和Jquery对象的区别
$(function () {
var div1 = document.getElementById("div1").innerHTML;
alert(div1);
//转换
//DOM对象转换为JQery对象 注意$("#div1")=$(div1)
$("#div1").html("<a href='http://www.baidu.com'>百度</a>");
//JQuery对象转换为DOM对象
var domobj=jqobj[0]或var domobj=jqobj.get(0)
var div2 = $("#div2").html("<a href='http://www.aaa.com'>aaa网站!></a>");
var div1_2 = $(div2)[0];
alert(div1_2.innerHTML);
//JQuery修改样式 $("#div1").css("background","red");
$("#div2").css("background", "red");
$("#div1").css("background", "green");
//$("#div3").val($("div1").css("background"));
//设值
$(function () { $("#txt1").val(new Date()); });
//取值
$(function () { alert($("#txt1").val()); });
//div1设值
$(function () { $("#div1").html("相信自己<font color='red'>ZT</font>"); });
$(function () { alert($("#div2").html());});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="div1">
Hello World!
</div>
<div id="div2"> 你是最棒的!!</div>
<div id="div3">
<input type="text" id="txt1" />
<input type="text" id="Text1" />
</div>
</form>
</body>
</html>