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

最新推荐文章于 2022-07-30 16:49:30 发布

onyas

最新推荐文章于 2022-07-30 16:49:30 发布

阅读量673

点赞数

分类专栏： jQuery 文章标签： jQuery对象与Dom对象

本文链接：https://blog.csdn.net/zheng0518/article/details/9097935

版权

jQuery 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<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>

onyas

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery学习02---jQuery对象与Dom对象

//dom对象。 //dom对象不能使用jQuery对象的方法，如果要使用，需要转化，如下注释部分 window.onload = function() { var oDiv = document.getElementById("d1"); oDiv.innerHTML = "dom"; var $div = $(oDiv); $div.html(
复制链接

扫一扫