JQ和JS对象转换

最新推荐文章于 2023-02-01 19:05:43 发布

qq_43568455

最新推荐文章于 2023-02-01 19:05:43 发布

阅读量275

点赞数

分类专栏： JAVAWEB 文章标签： JQ和JS

本文链接：https://blog.csdn.net/qq_43568455/article/details/103208641

版权

JAVAWEB 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

JQ和JS对象转换方法

在jq和js运用中我们时常会对这两个对象进行转换
今天说洗衣啊jq和js对象的转换方法
js转jq 直接用 $(" 填入 d o m 对象 ") ： j q 转 j s 直接用$ (“源对象”).get(0);
或者$(“源对象”)[0]


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<script src="JQ/jquery-1.8.3.js"> </script>
		
		<script type="text/javascript">
		function write1(){
				//1.JS的DOM操作
				
				document.getElementById("span1").innerHTML="我是DOM写入的";
		
			
			//DOM对象无法操作JQ对象里面属性和方法
			
				
				var spanEle = document.getElementById("span1");
				
				//将DOM对象转换成JQ对象
				//$(spanEle).html("我是转JQ对象写入的");
			}
	
		
	
		$(function(){
			$("#JQ").click(function(){
				
					//$("#span1").html("我是JQ写入")
					$("#span1")[0].innerHTML="我是转DOM对象写入的"
					
					
					
					
			})
			
					
			
		})
		
		</script>
		
	</head>
	<body>
				<span id="span1"> 哈哈哈哈</span>  <br />
				<input type="button" value="JS写入" onclick="write1()"/>
<br />
				
				<input type="button" id="JQ"  value="JQ写入"></input>
	</body>
</html>

qq_43568455

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQ和JS对象转换

JQ和JS对象转换方法在jq和js运用中我们时常会对这两个对象进行转换今天说洗衣啊jq和js对象的转换方法js转jq 直接用("填入dom对象")：jq转js直接用("填入dom对象")：jq转js 直接用("填入dom对象")：jq转js直接用(“源对象”).get(0);或者$(“源对象”)[0]<!DOCTYPE html><html> <he...
复制链接

扫一扫