js节点对象与jQuery节点对象之间的转换

1.js对象转换为jQuery对象

我们刚刚学js的时候就知道想要操作某一节点，就必须document.getElementById('oEle');我们都知道id在html页面具有唯一性，当存在多个相同id的元素时，默认选取第一元素。然而，当元素没有id属性时，就比如：document.getElementsByTagName('div')，选取的是一个集合，哪怕页面只有一个div也是集合，集合我们是不能去为元素做添加事件等一系列操作的。

js对象转化为jQuery对象就是：$(jsObj)

<p id="oEle"></p>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">let oEle =  document.getElementById('oEle');let oEle2 =  document.getElementsByTagName('p');console.log(oEle)//<p id="oEle">console.log(oEle2)//HTMLCollection [p#oEle, oEle: p#oEle]console.log(oEle === oEle2) //falseconsole.log(oEle === oEle2[0]) //trueconsole.log(oEle instanceof jQuery);//falseconsole.log($(oEle) instanceof jQuery);//true
</script>

2.jQuery对象转换为JS对象

<p id="oEle"></p>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">let jqP = $("p");console.log(jqP instanceof jQuery)console.log(jqP[0] instanceof jQuery)//falseconsole.log(jqP.get(0) instanceof jQuery)//falseconsole.log(jqP.toArray()[0] instanceof jQuery)//false
</script>

是浅略知识点，写的不对的地方望博友指出。

js节点对象与jQuery节点对象之间的转换相关推荐

有两个地方，用到了javabean对象和属性字符串值之间的转换
1.有两个地方,用到了javabean对象和属性字符串值之间的转换 2.一个是接入层spring mvc,将json字符串参数转换为javaBean.通过@RequestBody javaBean方式 ...
java实现颜色Color对象和16进制之间的转换
package com.tsxs.test;import java.awt.Color;public class TestColor {public static void main(String[] ...
序列化之对象,字符串,byte数组,XML之间的转换（一）
工作一年多了,越来越感到自己不能这样一直下去,在最好的青春里面却已经死了.被时间消磨了意志,被工作杀死了精神.我想,我只要活着,我就要去不断的要求自己,不断的去追求更高的山峰. 放眼四周,有趣的灵魂越 ...
jQuery节点操作创建节点元素删除节点替换节点复制节点等基本本操作
节点操作 jQuery中节点操作查找节点(前面章节已讲) 创建节点插入节点删除节点替换节点复制节点创建节点元素工厂函数$()用于获取或创建节点 $(selector):通过选择器获取节点 ...
js 中动态添加成员对象与数组或map转换（成员字段含有.）
var obj = {}; key="pram" value="test" obj[key] = value; => obj = {pram: &quo ...
jQuery概述、优点、使用步骤、入口函数、jQuery对象和DOM对象之间的转换、层级选择器、属性选择器、筛选选择器、节点选择器
jQuery简介: jQuery是一个高效.精简并且功能丰富的javascript库,它提供的API简单易学,且兼容众多浏览器,极大地简化了javascript代码开发,包含内容:HTML 元素选取. ...
jQuery对象，jQuery查找标签，层级选择器，属性选择器，表单筛选器，操作节点标签事件...
目录 jQuery jQuery介绍 jQuery的优势 jQuery版本 jQuery内容: jQuery对象 jQuery基础语法查找标签基本选择器层级选择器: 基本筛选器: 属性选择器表 ...
JS对象与Dom对象与jQuery对象之间的区别
前言通过问题看本质: 举例: js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的 $("#save&qu ...
jQuery对象与js对象之间的转换
定义 jQuery本质上虽然也是js,但如果使用jQuery的属性和方法那么必须保证对象是jQuery对象而不是js方式获得的DOM对象. 使用js方式获取的对象是js的DOM对象,使用jQuery方 ...

js节点对象与jQuery节点对象之间的转换

1.js对象转换为jQuery对象

2.jQuery对象转换为JS对象

js节点对象与jQuery节点对象之间的转换相关推荐

最新文章

热门文章