JQuery对象和JS对象区别与转换

1. JQuery对象在操作时，更加方便。
2. JQuery对象和js对象方法不通用的.
3. 两者相互转换
* jq -- > js : jq对象[索引] 或者 jq对象.get(索引)
* js -- > jq : $(js对象)

03-JQuery对象和js对象的转换.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JQuer对象和js对象的转换</title><script src="js/jquery-3.3.1.min.js"></script>
</head>
<body><div id="div1">div1....</div><div id="div2">div2....</div><script>//1. 通过js方式来获取名称叫div的所有html元素对象var divs = document.getElementsByTagName("div");alert(divs.length);//可以将其当做数组来使用//对divs中所有的div 让其标签体内容变为"aaa"for (var i = 0; i < divs.length; i++) {//divs[i].innerHTML = "aaa";$(divs[i]).html("ccc");}//2. 通过jq方式来获取名称叫div的所有html元素对象var $divs = $("div");alert($divs.length);//也可以当做数组使用//对divs中所有的div 让其标签体内容变为"bbb"  使用jq方式//$divs.html("bbb");// $divs.innerHTML = "bbb";$divs[0].innerHTML = "ddd";$divs.get(1).innerHTML = "eee";/*1. JQuery对象在操作时，更加方便。2. JQuery对象和js对象方法不通用的.3. 两者相互转换* jq -- > js : jq对象[索引] 或者 jq对象.get(索引)* js -- > jq : $(js对象)*/</script></body>
</html>

3. 样式控制：css方法
// $("#div1").css("background-color","red");
$("#div1").css("backgroundColor","pink");

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>事件绑定</title><script src="js/jquery-3.3.1.min.js"></script><script>// 给b1按钮添加单击事件/* window.onload = function(){//1.获取b1按钮$("#b1").click(function(){alert("abc");});}*///jquery入口函数(dom文档加载完成之后执行该函数中的代码)/*$(function () {//1.获取b1按钮$("#b1").click(function(){alert("abc");});});*//*window.onload  和 $(function) 区别* window.onload 只能定义一次,如果定义多次，后边的会将前边的覆盖掉* $(function)可以定义多次的。*//* function fun1(){alert("abc");}function fun2(){alert("bcd");}window.onload = fun1;window.onload = fun2;*/
/*$(function(){alert(123);});$(function(){alert(234);});*/$(function(){// $("#div1").css("background-color","red");$("#div1").css("backgroundColor","pink");});</script></head>
<body><div id="div1">div1....</div><div id="div2">div2....</div><input type="button" value="点我" id="b1">
</body>
</html>

JQuery对象和JS对象区别与转换|| 事件绑定入口函数样式控制相关推荐

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 ...
【JQuery框架】JQuery对象和JS对象的区别和转换
目录 jQuery的概念 jQuery快速入门 1.下载jQuery 2.导入JQuery的js文件 3.jQuery的使用 jQuery对象和JS对象区别与转换 jQuery转为js js转为jQu ...
day43 JavaWen阶段——JQuery 基础（JQuery相关开发文档，JQuery对象和JS对象区别与转换，JQuery选择器，JQuery中DOM操作，案列【QQ表情选择】【左右移动】）
今日内容 1. JQuery 基础: 概念快速入门 JQuery对象和JS对象区别与转换选择器 DOM操作案例今日源码: 链接:https://pan.baidu.com/s/1KiG0c_V ...
【jQuery笔记Part1】06-jQuery对象与js对象转换
jQuery对象与js对象转换概念为什么要转换转化方法 JS对象 -> jQuery对象 jQuery对象 -> JS对象原理图 jQuery笔记目录概念 jQuery对象是通 ...
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的三种bind/One/Live/On事件绑定使用方法
转载自 jQuery的三种bind/One/Live/On事件绑定使用方法 jQuery是一款优秀的JavaScript框架,在旧版里主要用bind()方法,在新版里又多了两种One(),Liv ...
Node.js: 如何继承 events 自定义事件及触发函数
events 是node.js的核心api ,几乎大部分node.js 的api都继承 events 类(javascript中没有类,也不存在继承,确切说是模拟类和继承,点击查看) 比如我们常见的 ...

JQuery对象和JS对象区别与转换|| 事件绑定入口函数样式控制

JQuery对象和JS对象区别与转换

03-JQuery对象和js对象的转换.html

选择器：筛选具有相似特征的元素(标签)

JQuery对象和JS对象区别与转换|| 事件绑定入口函数样式控制相关推荐

最新文章

热门文章

JQuery对象和JS对象区别与转换|| 事件绑定 入口函数 样式控制

JQuery对象和JS对象区别与转换

03-JQuery对象和js对象的转换.html

选择器：筛选具有相似特征的元素(标签)

JQuery对象和JS对象区别与转换|| 事件绑定 入口函数 样式控制相关推荐

最新文章

热门文章

JQuery对象和JS对象区别与转换|| 事件绑定入口函数样式控制

JQuery对象和JS对象区别与转换|| 事件绑定入口函数样式控制相关推荐