Js对象和jQuery互相转化

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!--引入jq框架-->
		<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	</head>
	<body>
		
		<input type="text" id="i1">
		<input type="button" value="js" id="b1">
		<input type="button" value="jq" id="b2">
	
	<script type="text/javascript">
		    //jq中动态给元素添加事件
		    $("#b1").click(function () {

				let js=document.querySelector("#i1");
				let jq=$(js);
				alert(jq.val());
			
		    });
			
			
			$("#b2").click(function(){
				let jq=$("#i1");
				let js=jq[0];
				alert(js.value);
			});
			
			
	</script>
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/gulanga5/article/details/124451354