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

定义

jQuery本质上虽然也是js，但如果使用jQuery的属性和方法那么必须保证对象是jQuery对象而不是js方式获得的DOM对象。
使用js方式获取的对象是js的DOM对象，使用jQuery方式获取的对象是jQuery对象。

转换方式

js的DOM对象转换成jQuery对象，语法：$(js对象)
jQuery对象转换成js对象，语法：jquery对象[索引] 或 jquery对象.get(索引)

代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script type="text/javascript" src="js/jquery-1.12.4.js"></script><!‐‐ 测试jQuery ‐‐></head>
<body>
<div id="myDiv1">通过不同方式获得文本内容111</div>
<div id="myDiv2">通过不同方式获得文本内容222</div>
</body>
<script type="text/javascript">//通过js方式打印div内部的内容var divEle = document.getElementById("myDiv1");//js的DOM对象alert(divEle.innerHTML);//js对象的innerHTML属性//通过jQuery方式打印div内部的内容var $divEle = $("#myDiv2");//jQuery对象alert($divEle.html());//jQuery对象的html方法//使用js的DOM对象调用jQuery对象的方法//alert(divEle.html());//错误写法，不能正常执行//使用jQuery对象调用js的DOM对象的属性//alert($divEle.innerHTML);//错误写法，不能正常执行//js转换成jQuery对象后在调用jQuery对象的html方法alert($(divEle).html());//转换后正常执行//jQuery转换成js的DOM对象后在调用js的innerHTML属性alert($divEle[0].innerHTML);alert($divEle.get(0).innerHTML);
</script>
</html>

效果

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

【jQuery笔记Part1】06-jQuery对象与js对象转换
jQuery对象与js对象转换概念为什么要转换转化方法 JS对象 -> jQuery对象 jQuery对象 -> JS对象原理图 jQuery笔记目录概念 jQuery对象是通 ...
【JQuery框架】JQuery对象和JS对象的区别和转换
目录 jQuery的概念 jQuery快速入门 1.下载jQuery 2.导入JQuery的js文件 3.jQuery的使用 jQuery对象和JS对象区别与转换 jQuery转为js js转为jQu ...
JQuery对象和JS对象区别与转换|| 事件绑定入口函数样式控制
JQuery对象和JS对象区别与转换 1. JQuery对象在操作时,更加方便. 2. JQuery对象和js对象方法不通用的. 3. 两者相互转换 * jq -- ...
java与jquery的选择器区别_java day44【JQuery 基础：概念，快速入门，JQuery对象和JS对象区别与转换，选择器，DOM操作，案例】...
第一章JQuery 基础 1. 概念: 一个JavaScript框架.简化JS开发 * jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScrip ...
java day44【JQuery 基础：概念，快速入门，JQuery对象和JS对象区别与转换，选择器，DOM操作，案例】...
第一章 JQuery 基础 1. 概念: 一个JavaScript框架.简化JS开发 * jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScr ...
day43 JavaWen阶段——JQuery 基础（JQuery相关开发文档，JQuery对象和JS对象区别与转换，JQuery选择器，JQuery中DOM操作，案列【QQ表情选择】【左右移动】）
今日内容 1. JQuery 基础: 概念快速入门 JQuery对象和JS对象区别与转换选择器 DOM操作案例今日源码: 链接:https://pan.baidu.com/s/1KiG0c_V ...
java 嵌套对象转xml_Gson对Java嵌套对象和JSON字符串之间的转换 | 学步园
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,具有良好的跨平台特性.近几年来已经和XML一样成为C/S架构中广泛采用的数据格式.有关JSON的更多知识, ...
JSON转JS对象，JS对象转JSON
JSON转JS对象,JS对象转JSON </h1><div class="clear"></div><div class="po ...
java转js_java对象转js对象
在js中直接使用 EL表达式表达java对象时,输出是对象的类名. 没有达到我们要使用该对象的目的. 比如 var user= ${user}; 在页面上查询代码为 var user=com.test ...
jquery 对象和 js 对象为什么要互相转换?_JQuery对象与dom对象两者之间的相互转换...
jQuery 是一个 JavaScript 库,极大地简化了 JavaScript 编程.但是在 JQuery 中,有些 javascript 方法却不能直接使用.如何解决这个问题呢?接下来就讲述一下 ...

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

定义

转换方式

代码

效果

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

最新文章

热门文章