• 1.jquery对象和DOM对象
• 2.DOM对象和jquery对象的互相转换
• 3.jquery与其它js库如何共存
一.jquery对象和DOM对象
1.DOM对象
1.1. DOM,文档对象模型,每一份DOM都可以表示成一棵树
1.2. 从DOM树中可以看出各个元素之间的关系
1.3. 可以用getElementById或者getElementsByTagName等方法来获取元素节点,这样得到的DOM元素就是DOM对象。
DOM对象可以使用原生js中的方法,比如innerHtml等
//用DOM方法获得到的对象,就是DOM对象 alert(p.html()); //DOM对象不能使用任何jquery中的方法,只能使用DOM对象中的方法
2.1.jquery对象是由jquery包装过后的DOM对象,它可以使用jquery库里面的方法
jquery对象转成成DOM对象有两种方法
1.使用index
2.使用get()方法
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo3</title> <script src="jquery.js"></script> </head> <body> <input type="text" id="a" value="111111"> <script> var input = $('#a'); //alert(input[0].value); alert(input.get(0).value);
//jquery对象转换成DOM对象的方法 //1、可以使用索引,index //2、可以使用get(index)的方法 </script> </body> </html>
DOM对象转换成jquery对象
只要把DOM对象用$()包起来就OK了
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo4</title> <script src="jquery.js"></script> </head> <body> <input type="text" id="a" value="111111">
<script> var input = document.getElementById('a'); alert($(input).val()); //DOM对象转换成jquery对象的方法 //用$()把DOM对象包装起来就OK了 </script> </body> </html>
三.jquery与其它js库共存
使用jQuery.noConflict()方法释放$的权
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="prototype.js"></script> <script src="jquery.js"></script> </head> <body> <input type="text" id="a" value="aaaaa"> <script> //jQuery.noConflict(); var sowhat = jQuery.noConflict() alert('这是jquery弹出的'+sowhat('#a').val()); alert('这是prtotype弹出的'+$F('a')); //alert('这是jquery弹出的'+jQuery('#a').val()); </script> </body> </html>
您还没有登录,请您登录后再发表评论
JQuery第一课-tab标签页、JQuery第二课-多张图的无缝滚动、JQuery第三课-图片轮播、JQuery第四课-下拉菜单(无限级)、JQuery第五课-弹出窗口、JQuery第六课-拖拽、JQuery第七课-模拟滚动条、JQuery第八课-放大镜、...
二.课程计划本课程主要是以实际编程需要为主线来制定的课程计划,本课程结合了 jquery 的主要特点,从应用角度主要讲解 jquery 的选择器操作、DOM 操
实际上,这个表达式声明了一个匿名函数(第一个括号),然后再执行它(第二个括号)。在这个函数中,完成了jQuery一系列方法和对象的定义。第24行很关键, 代码如下: jQuery = window.jQuery = window.$ = function...
第二部分:设计部分,通过需求分析,设计物理模型,画出原型界面(HTML) 第三部分:编码部分,具体实现各个功能模块 学完本系列课程后,学员将会达到以下学习目标: 本课程针对有一定程序开发基础并有志于JAVA ...
第二阶段:Python3.5 WEB开发篇 11.Python3.5的消息机制 14课 12.Python3.5与MySql数据库 16课 13.Python3.5堡垒机学习 10课 14.Python3.5与Html 25课 15.Python3.5 CSS与JavaScript 24课 16.Python3.5 Web开发实战 ...
第二课: 练习练习: 第3章-JavaScript入门 第1课: 第4章-CSS3入门 第1课: 第二课: 第三课: 第5章-更多HTML5 第1课: 完成 第二课: 完成 第6章-基本JavaScript和jQuery 第1课: 完成 第二课: 完成 第7章-...
SYPRO示例项目源码和EasyUI入门视频教程,视频在我的百度网盘中,可以下载学习: sypro示例程序(springMvc+hibernate4+easyui) sshe示例程序(struts2+spring3+hibernate4+easyui)(Maven构建) easyui1.2.6整站文件....
第一次学习某课结束后将用当天时间生成该课的复习计划( 1、2、4、7、15 天) 第 3、4 两点表达的是一个策略:当天的时间如果大于等于计划的就开展学习或复习。这样设计主要是要“逼迫”用户把学习/复习任务...
第2章 01 上节课复习 02 arp协议复习 03 字符编码 第3章 01 网络基础和dos命令 02 为何学习linux 03 课程内容介绍 04 操作系统内核与系统调用 05 操作系统安装原理 06 linux操作系统安装 07 初识linux命令 08 ...
第二个方面:是css样式在IE9,10上没有问题,但是在IE其他版本,Chrome浏览器上不能保证页面的规范性,有序性,所以我学习的路还是很长的啊。第三方面是:没有生成安装模块,其实这个东西不难做,但是没有时间了,...
《C程序设计语言》(第2版新版)讲述深入浅出,配合典型例证,通俗易懂,实用性强,适合作为大专院校计算机专业或非计算机专业的C语言教材,也可以作为从事计算机相关软硬件开发的技术人员的参考书。《C程序设计语言》...
第 2 季 C#面向对象基础 第 3 季 WinForm 基础 第 4 季 SQL 从入门到提高 第 5 季 ADO.Net 第 6 季 HTML 第 7 季 JavaScript 第 8 季 Dom 第 9 季 JQuery 第 10 季 asp.net 基础 第 11 季 asp.net 中级 第 12 季 asp...
├─(2) 02 python s3 day41 JS的基础规范.avi ├─(3) 03 python s3 day41 JS的基本数据类型.avi ├─(4) 04 python s3 day41 JS的运算符.avi ├─(5) 05 python s3 day41 JS的控制语句与循环.avi ├─(6) 06 ...
第2课: 第3课: 第4课: 第5课: 第6课: ……(后面应该是BOM和一些常用库的课程了,例如jQuery / sizzle) 本课程特色(来自Alsotang / node-lessons :grinning_face_with_smiling_eyes: ) 每一课的课程挑战...
课程学习效果测试+阶段项目强化技能+毕业设计大型项目演练获取项目经验+前沿技术课扩展技能 (1加9)多模式视频教学方式手把手的教学员由浅入深的掌握软件开发整套流程及专业软件开发技能,使你从一技术菜鸟成为具有...
相关推荐
JQuery第一课-tab标签页、JQuery第二课-多张图的无缝滚动、JQuery第三课-图片轮播、JQuery第四课-下拉菜单(无限级)、JQuery第五课-弹出窗口、JQuery第六课-拖拽、JQuery第七课-模拟滚动条、JQuery第八课-放大镜、...
二.课程计划本课程主要是以实际编程需要为主线来制定的课程计划,本课程结合了 jquery 的主要特点,从应用角度主要讲解 jquery 的选择器操作、DOM 操
实际上,这个表达式声明了一个匿名函数(第一个括号),然后再执行它(第二个括号)。在这个函数中,完成了jQuery一系列方法和对象的定义。第24行很关键, 代码如下: jQuery = window.jQuery = window.$ = function...
第二部分:设计部分,通过需求分析,设计物理模型,画出原型界面(HTML) 第三部分:编码部分,具体实现各个功能模块 学完本系列课程后,学员将会达到以下学习目标: 本课程针对有一定程序开发基础并有志于JAVA ...
第二阶段:Python3.5 WEB开发篇 11.Python3.5的消息机制 14课 12.Python3.5与MySql数据库 16课 13.Python3.5堡垒机学习 10课 14.Python3.5与Html 25课 15.Python3.5 CSS与JavaScript 24课 16.Python3.5 Web开发实战 ...
第二课: 练习练习: 第3章-JavaScript入门 第1课: 第4章-CSS3入门 第1课: 第二课: 第三课: 第5章-更多HTML5 第1课: 完成 第二课: 完成 第6章-基本JavaScript和jQuery 第1课: 完成 第二课: 完成 第7章-...
SYPRO示例项目源码和EasyUI入门视频教程,视频在我的百度网盘中,可以下载学习: sypro示例程序(springMvc+hibernate4+easyui) sshe示例程序(struts2+spring3+hibernate4+easyui)(Maven构建) easyui1.2.6整站文件....
第一次学习某课结束后将用当天时间生成该课的复习计划( 1、2、4、7、15 天) 第 3、4 两点表达的是一个策略:当天的时间如果大于等于计划的就开展学习或复习。这样设计主要是要“逼迫”用户把学习/复习任务...
第2章 01 上节课复习 02 arp协议复习 03 字符编码 第3章 01 网络基础和dos命令 02 为何学习linux 03 课程内容介绍 04 操作系统内核与系统调用 05 操作系统安装原理 06 linux操作系统安装 07 初识linux命令 08 ...
第二个方面:是css样式在IE9,10上没有问题,但是在IE其他版本,Chrome浏览器上不能保证页面的规范性,有序性,所以我学习的路还是很长的啊。第三方面是:没有生成安装模块,其实这个东西不难做,但是没有时间了,...
《C程序设计语言》(第2版新版)讲述深入浅出,配合典型例证,通俗易懂,实用性强,适合作为大专院校计算机专业或非计算机专业的C语言教材,也可以作为从事计算机相关软硬件开发的技术人员的参考书。《C程序设计语言》...
第二个方面:是css样式在IE9,10上没有问题,但是在IE其他版本,Chrome浏览器上不能保证页面的规范性,有序性,所以我学习的路还是很长的啊。第三方面是:没有生成安装模块,其实这个东西不难做,但是没有时间了,...
第 2 季 C#面向对象基础 第 3 季 WinForm 基础 第 4 季 SQL 从入门到提高 第 5 季 ADO.Net 第 6 季 HTML 第 7 季 JavaScript 第 8 季 Dom 第 9 季 JQuery 第 10 季 asp.net 基础 第 11 季 asp.net 中级 第 12 季 asp...
├─(2) 02 python s3 day41 JS的基础规范.avi ├─(3) 03 python s3 day41 JS的基本数据类型.avi ├─(4) 04 python s3 day41 JS的运算符.avi ├─(5) 05 python s3 day41 JS的控制语句与循环.avi ├─(6) 06 ...
第2课: 第3课: 第4课: 第5课: 第6课: ……(后面应该是BOM和一些常用库的课程了,例如jQuery / sizzle) 本课程特色(来自Alsotang / node-lessons :grinning_face_with_smiling_eyes: ) 每一课的课程挑战...
第二个方面:是css样式在IE9,10上没有问题,但是在IE其他版本,Chrome浏览器上不能保证页面的规范性,有序性,所以我学习的路还是很长的啊。第三方面是:没有生成安装模块,其实这个东西不难做,但是没有时间了,...
课程学习效果测试+阶段项目强化技能+毕业设计大型项目演练获取项目经验+前沿技术课扩展技能 (1加9)多模式视频教学方式手把手的教学员由浅入深的掌握软件开发整套流程及专业软件开发技能,使你从一技术菜鸟成为具有...
第二个方面:是css样式在IE9,10上没有问题,但是在IE其他版本,Chrome浏览器上不能保证页面的规范性,有序性,所以我学习的路还是很长的啊。第三方面是:没有生成安装模块,其实这个东西不难做,但是没有时间了,...
第二个方面:是css样式在IE9,10上没有问题,但是在IE其他版本,Chrome浏览器上不能保证页面的规范性,有序性,所以我学习的路还是很长的啊。第三方面是:没有生成安装模块,其实这个东西不难做,但是没有时间了,...