js对象和jQuery对象的相互转换

最新推荐文章于 2023-05-09 20:54:54 发布

wangshiwen011

最新推荐文章于 2023-05-09 20:54:54 发布

阅读量243

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： js jQuery

本文链接：https://blog.youkuaiyun.com/wangshiwen011/article/details/90740897

jQuery 专栏收录该内容

2 篇文章

订阅专栏

博客指出由于JS DOM对象和jQuery对象的函数不能互相使用，需要对两者进行转换。还提到jQuery对象内部以数组方式存放JS对象，对其遍历时，遍历后的值是JS DOM对象，若要用jQuery函数操作，需将其转换为jQuery对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为js dom对象和jQuery对象的函数不能互相使用，所以往往需要对两者进行转换

方法代码如下：

		<script type="text/javascript">
			// 直接获得js对象
			var input1 = document.getElementById('input1');

			// 直接获得jquery对象
			var $input1 = $("#input1");

			//将js对象转换成jquery对象
			//语法：$(dom对象) 或  jQuery(dom对象)
			var $input2 = jQuery(input1); //方式一
			var $input3 = $(input1); //方式二
			
			//将jQuery对象转换成js dom对象
			//语法: $(jQuery对象)[索引号] 
			//jQuery对象内部以数组方式存放所有的匹配数据，如果只匹配到一个，索引号为0。
			var input2 = $input1[0];
		</script>

需要注意的问题：

因为jQuery对象内部以数组的方式存放js对象，所以当对jQuery对象进行遍历时，遍历后的每一个值都是js dom对象，

这时如果仍要用jQuery函数对对象进行操作，需将js dom对象转换为jQuery对象。