jQuery对象和DOM对象之间的转换

最新推荐文章于 2020-09-10 23:51:31 发布

刘彦民

最新推荐文章于 2020-09-10 23:51:31 发布

阅读量567

点赞数

分类专栏：前端文章标签： JS javascript jQuery DOM 对象

本文链接：https://blog.csdn.net/u014740338/article/details/42807515

版权

前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

jQuery对象不能使用DOM对象的任何方法，DOM对象也不能使用jQuery对象的任何方法。在需要使用时需要对其进行转换。

jQuery对象前使用"$"，这不是必须的，不这么使用代码也能运行，只不过大家约定俗成的都这么使用。

1、jQuery对象转为DOM对象：

jQuery对象是一个数组，可以使用数组下标的方式把jQuery对象转换为DOM对象

2、DOM对象转换为jQuery对象

使用$()把DOM对象包装起来就可以了，语法：$(DOM对象);

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript">
	$(function (){
		$("button").click(function (){
			//获取一个jQuery对象
			//var $btn = $("button");
			//jQuery对象是一个数组
			//aert($btn.length);    //结果为2
			//通过数组下标转换为DOM对象
			//alert($btn[1].firstChild.nodeValue);		//结果为ClickMe2
			//把DOM对象转换为jQuery对象
			var btn1 = document.getElementById("btn1");
			alert($(btn1).text());<span style="white-space:pre">	</span>//结果为ClickMe
		});
	});
</script>
</head>
<body>
	<button id="btn1">ClickMe</button>
	<button>ClickMe2</button>
</body>
</html>

刘彦民

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery对象和DOM对象之间的转换

jQuery对象不能使用DOM对象的任何方法，DOM对象也不能使用jQuery对象的任何方法。在需要使用时需要对其进行转换。jQuery对象前使用"$"，这不是必须的，不这么使用代码也能运行，只不过大家约定俗成的都这么使用。1、jQuery对象转为DOM对象：jQuery对象是一个数组，可以使用数组下标的方式把jQuery对象转换为DOM对象2、DOM对象转换为jQuery对象使用$()把DOM对...
复制链接

扫一扫