Jquery和js对象的相互转换

最新推荐文章于 2022-06-04 11:07:25 发布

糊糊67

最新推荐文章于 2022-06-04 11:07:25 发布

阅读量272

点赞数

CC 4.0 BY-SA版权

分类专栏： JQuery

本文链接：https://blog.youkuaiyun.com/weixin_43249530/article/details/96475806

JQuery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在JavaScript中实现原生JS对象与JQuery对象之间的相互转换，并演示了使用这两种对象来修改网页元素内容的方法。

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

多的不说，看代码，易懂哦

<script src="js/jquery-1.11.0.js"></script>
	<script>
	function change(){	
//	一、js转换成Jquery对象
//	     //1.通过js来修改文本属性
//  	 //通过文本的id获取当前要修改的标签对象
//  	 //设置innerHTML属性来修改内容
//			var p=document.getElementById("p");
//			p.innerHTML="使用js对象改变文本内容";

	   	//2.通过JQ来修改文本属性
		//将js对象使用$(js对象)，变量名前面$,jquery对象
		var $p=$(p);
		$p.html("将js转换成Jquery对象改变内容");			
		}
		
		//二、Jquery对象转换成Js对象
	   //	页面载入事件
		$(function(){
			//给id="js"的input标签派发点击事件
			$("#js").click(function(){
				//1.id位p标签改变内容
				$("#q").html("JQ对象来改文本内容");
				
				//2.直接Jquery：get方法：下标从0开始
				//由于有俩个span标签，写的时候按照当前元素位置来写
				var a=$("span").get(1);
				a.innerHTML="将Jquery对象转换成Js对象改变内容";
				
			});		
		});
	</script>

<body>
		<input type ="button" onclick=change()  value="js对象" />
		<span id="p">js对象</span><br/>
		<input type ="button" value="jquery对象" id="js"/>
		<span id="q">jquery对象</span>
	</body>