JQ和JS对象之间的转换

最新推荐文章于 2023-02-19 21:50:18 发布
最新推荐文章于 2023-02-19 21:50:18 发布
阅读量113 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w2019424/article/details/96840226
版权

代码如下

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
	<script>
		function changeJS(){
			var div = document.getElementById("div1");
		//	div.innerHTML="JS成功修改了内容"
		//将JS对象转成JQ对象
		$(div).html("转成JQ对象来修改内容")
		}
		
		$(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对象成功";
			});
		});
	</script>
</head>
<body>
	<input type="button" value="JS修改div内容" onclick="changeJS()" />
	<input type="button" value="JQ方式修改div内容" id="btn2" />
	<div id="div1">
		这里的内容一会要被JS/JQ代码修改掉
	</div>
</body>
</html>

运行结果如图：
在这里插入图片描述
当点击第一个按钮时，会出现：
在这里插入图片描述当点击第二个按钮时，会出现：
在这里插入图片描述

万万没想到2022
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery对象和javascript对象即DOM对象相互转换
12-09
jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象。jQuery 对象是 jQuery 独有的，其可以使用 jQuery 里的方法，但是不能使用 DOM 的方法；例如： $(“#img”).attr(“src”,”test.jpg”); 这里的 $(“#img”)...
Js与Jq获取浏览器和对象值的方法
01-21
JS and Jquery 都能获取页面元素的宽度，高度和相对位移等数值，那他们之间能相互转换或替代吗，写法又有哪些差异呢？本文将详细为你介绍。 1.Js获取浏览器高度和宽度 document.documentElement.clientWidth ==> ...
JS对象和JQuery对象的相互转换
于歌852的标题
04-01 2057
js类型的对象和jquery类型的对象，是完全不同的两种对象。然而，两种对象的方法并不能相互调用。那么js对象如果想调用jquery里的方法，或者jquery对象想调用js的方法，怎么办？这时候涉及到js对象和jquery对象的相互相互转换的问题。 在JQuery中核心函数 是 $() 直接传一个函数 则类似于$(document).ready函数 如果传选择器 则类型与 document.querySelect(); 调用JQuery封装好的JS事件或者属性函数 //区分JS和JQue.
jquery对象怎么转为js对象
weixin_66144089的博客
02-19 401
js类型的对象和jquery类型的对象，是完全不同的两种对象。那么js对象如果想调用jquery里的方法，或者jquery对象想调用js的方法，怎么办？jquery对象转换成js对象的方法：1、使用“jquery对象[index]”语句进行转换；对于已经是一个js对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的js对象。实现不了，因为hide()是jquery对象的方法,js对象是没办法调用的。
JQ对象和JS对象之间的转化
云飞扬°的博客
05-17 2472
JQ对象和JS对象之间的转化 将JS对象转换成JQ对象 $(div).html("JS对象转换成JQ对象") 将JQ对象转成JS对象 var $div = $("#div1"); var jsDiv = $div.get(0); //或者用var jsDiv = $div[0]; <!DOCTYPE html> <html> <head> ...
jquery对象和js对象的相互转换
热门推荐
wenxiukeke的博客
07-06 1万+
两种转换方式将一个jQuery对象转换成js对象：[index]和.get(index); (1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的js对象。 如：var $v =$("#v") ; //jQuery对象 var v=$v[0]; //js对象 alert(v.checked) //检测这个checkbox是否被选中 (2)jQuery本身提供，通过.get...
jQuery对象和DOM对象相互转化
12-04
DOM对象就是Javascript固有的一些对象操作。DOM对象能使用Javascript固有的方法，但是不能使用jQuery里的方法。例如：document.getElementById(“img”).src=”test.jpg”;这里的document.getElementById(“img”)...
jqjs:jq JSON查询语言的纯JavaScript实现
05-12
jqjs的主要入口点是编译函数，该函数将jq程序字符串转换为生成器函数： import jq from './jq.js'let filter = jq.compile(".x[].y")for (let v of filter({x:[{y:2}, {y:4}]}) { ... } 该模块还具有prettyPrint...
Js与Jq 获取页面元素值的方法和差异对比
12-11
JS与Jquery 都能获取页面元素的宽度，高度和相对位移等数值，那他们之间能相互转换或替代吗，写法又有哪些差异呢？本文将详细为你介绍。 1.Js获取浏览器高度和宽度 document.documentElement.clientWidth ==> ...
jQuery对象与js对象之间的转换
zhansan的博客
06-04 1698
jQuery对象与js对象之间的转换
jQuery对象与js对象互相转换
JackLiu16的博客
03-18 5489
两种转换方式将一个jQuery对象转换成js对象：[index]和.get(index)：(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的js对象。 如：var $v =$("#v") ; //jQuery对象 var v=$v[0]; //js对象 alert(v.checked) //检测这个checkbox是否被选中 (2)jQuery本身提供，通过.get(...
JavaScript和jQuery对象之间的转换
weixin_43438913的博客
08-23 722
JavaScript和jQuery对象之间的转换 如何将JavaScript对象转化为jQuery对象 在学习JavaScript和jQuery后，再写代码时会将JavaScript的方法和jQuery的方法记混，比如JavaScript的添加内容方法对象.innerHTML属性，而在jQuery中时对象.html。那么在实际开发工作中如果想用JavaScript对象调用jQuery的属性和方法那...
jq对象与js对象互转
weixin_46529988的博客
05-22 266
Jquery对象、js对象 这两个对象都只能用各自的属性和方法，如果需要使用对放的属性方法，就得进行转换 1、jQuery对象转换成js对象：[index]和.get(index)： var a = $("#dd"); //jquery对象 var b = a[0]; //js对象 var a = $("#dd"); //jquery对象 var b = a.get[0]; //js对象 2、js对象转换成jQuery对象，用$()把DOM对象包起来。 var cc=document.getE
js给对象的key赋值
Var的博客
07-23 3195
在vue 使用 viser-vue图表时需要用到给对象的key赋值的情况 怎么使用viser图表 见官网 https://viserjs.github.io/ 我们来说一下 const sourceData = [{ name: '销售额', 'Jan.': 18.9, 'Feb.': 28.8, 'Mar.': 39.3,
jQuery对象和js对象相互转换的方法
qq_43654065的博客
10-23 210
1. jQuery装转换成DOM对象 $('.box')即表示jQuery对象。 （1）使用jQuery的内置函数get来获取dom对象：$('.box').get(0)。 （2）因为jQuery对象的属性是一个集合，所以可以像数组那样，取出其中一行即可：$('.box')[0] 2. DOM转换成jQuery对象 一般DOM对象直接用$()就可以转换成jQuery对象： $(document.getElementsByClassName('.box')) ...
js将一个对象赋值给另一个对象
mfylove的博客
10-28 6626
var obj2= JSON.parse(JSON.stringify(obj1));
JQuery对象与js对象的相互转换方法总结
u011777164的专栏
09-09 1万+
众所周知，jquery框架使用起来十分方便，被众多互联网公司使用，它不仅开源，而且占用空间十分小，加载速度非常快。今天在这里优点就不多说了，这里就总结一下，jquery对象与js对象之间的互相转换方法。          一、获取jquery对象          1.    var  $v = $('#id');          二、js对象转化成jquery对象        1  
fastjson怎么将对象转换成gateway支持的字符串
最新发布
05-24
Fastjson是一个Java语言编写的JSON（JavaScript Object Notation）处理器，可以将Java对象转换为JSON格式的字符串。如果您要将Java对象转换为Gateway支持的字符串，可以使用Fastjson提供的API，将Java对象转换为JSON...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值