JavaScript和jQuery对象之间的转换_jquerye和js如何转换-程序员宅基地

JavaScript和jQuery对象之间的转换

如何将JavaScript对象转化为jQuery对象

在学习JavaScript和jQuery后，再写代码时会将JavaScript的方法和jQuery的方法记混，比如JavaScript的添加内容方法对象.innerHTML属性，而在jQuery中时对象.html。那么在实际开发工作中如果想用JavaScript对象调用jQuery的属性和方法那么我们就需要将JavaScript对象转换为jQuery对象。

代码实现

function changeJS(){
    
				var div = document.getElementById("div1");
				//div.innerHTML = "JS成功修改了内容"
				//将JS对象转成JQ对象
				$(div).html("转成JQ对象来修改内容")
			}
	<body>
		<input type="button" value="JS修改div内容" onclick="changeJS()" />
		<input type="button" value="JQ方式修改div内容" id="btn2" />
		<div id="div1">
			这里的内容一会要被JS/JQ代码修改掉
		</div>
		
	</body>

如何将jQuery对象转化为JavaScript对象

上面演示了JavaScript对象转换为jQuery对象，接下来演示jQuery对象转换为JavaScript。

代码实现

$(function(){
    
				//给按钮绑定事件
				$("#btn2").click(function(){
    
					//找到div1
//					$("#div1").html("JQ方式成功修改了内容");
					//将JQ对象转成JS对象来调用
					var $div = $("#div1");
//					var jsDiv = $div.get(0);
					var jsDiv = $div[0];
					jsDiv.innerHTML="jq转成JS对象成功";
				});
			});
<body>
		<input type="button" value="JS修改div内容" onclick="changeJS()" />
		<input type="button" value="JQ方式修改div内容" id="btn2" />
		<div id="div1">
			这里的内容一会要被JS/JQ代码修改掉
		</div>
		<div id="div1">
			这里的内容一会要被JS/JQ代码修改掉1111
		</div>
	</body>

总结

JavaScript和jQuery对象的转换在实际开发中虽然很少遇到，但有时候JavaScript和jQuery对象属性记混了，就可以尝试用这种方法解决。

本文链接：https://blog.csdn.net/weixin_43438913/article/details/100034324

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

2023常见Vue面试题（含答案）-程序员宅基地

文章浏览阅读4.3k次，点赞4次，收藏43次。vue是一个js的渐进式框架，简单，易用，灵活。_vue面试题

朋友圈第五条广告精准投放腾讯社交广告推广形式如何收费_朋友圈广告精准投放客户-程序员宅基地

文章浏览阅读649次。朋友圈第五条广告精准投放_朋友圈广告精准投放客户

Android 旋转木马轮播图_android 旋转轮播-程序员宅基地

文章浏览阅读2.1k次。先上效果图先在module的build.gradle文件中，添加依赖implementation 'com.chenlittleping:recyclercoverflow:1.0.6'在XML文件中的控件<recycler.coverflow.RecyclerCoverFlow android:id="@+id/send_recy" androi..._android 旋转轮播

用pattern，matcher类的方法实现提取指定的字符串-程序员宅基地

文章浏览阅读3.2k次。package com.set集合重写才唯一性;import java.util.Comparator;import java.util.Iterator;import java.util.TreeSet;public class Test {public static void main(String[] args) {TreeSet tst=new TreeSet();tst.add(new

CBP(卷积反投影)实现-程序员宅基地

文章浏览阅读2.6k次。CBP公式如下：f(x1,x2)=∫0πf^(r,ϕ)∗H(r)∣r=(x1,x2)⋅ϕdϕf(x_1,x_2)=\int_0^{\pi}\hat{f}(r,\phi)*H(r)|_{r=(x_1,x_2)\cdot{\phi}}d\phif(x1,x2)=∫0πf^(r,ϕ)∗H(r)∣r=(x1,x2)⋅ϕdϕ求f(x1,x2)f(x_1,x_2)f(x1,x2)就简单地..._卷积反投影