您的位置：首页 > Web前端 > JQuery

jQuery学习02---jQuery对象与Dom对象

2013-06-14 20:40 253 查看 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=GBK">
<title></title>
<script src="../jquery-1.8.2.js" type="text/javascript"></script>
<!--对象的应用-->
<script type="text/javascript">
//dom对象。
//dom对象不能使用jQuery对象的方法，如果要使用，需要转化，如下注释部分
window.onload = function()
{
var oDiv = document.getElementById("d1");
oDiv.innerHTML = "dom";
var $div = $(oDiv);
$div.html("jquery..");
}
//jQuery对象
//jQuery对象也不能使用Dom对象的方法和属性
$(function()
{
var $div = $("#d1");//得到id为d1的对象
$div.html("aa");
//jQuery对象是能过jQuery包装Dom对象后产生的对象，也就是dom对象包装起来的集合
var div = $div[0] //$div.get(0);两种转化方式
div.innerHTML = "dom ..";
})
</script>
</head>
<body>
<div id="d1"></div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航