了解jQuery并掌握jQuery对象和DOM对象的区别
jQuery的优势:
- 开源--开放源代码
- 轻量级
- 强大的选择器
- 出色的DOM操作(对DOM元素的一个增删改查)
- 完善的Ajax,出色的浏览器兼容性,丰富的插件支持,完善的文档(说明书)
- 链式操作方式, 写得少,做的多
使用jQuery:
- 下载jquery文件
- 把文件放入到项目中去
- 在页面当中引入jquery文件(选中jquery文件直接拖拽过去到(head标签里面或者body里面))
jQuery对象和DOM对象的区别
一://取得jsDOM对象:
- var name = document.getElementById("name");
- alert(name.value); //通过获取到的对象得到它的值、
二://获得jquery对象
- var $name = $("#name");
三:DOM对象与jQuery对象互相转换
可以把jQuery对象看做DOM对象的数组,因此 可以通过索引下标在jQuery中获取DOM对象
- 方法一:jquery对象 --- >DOM对象
- var $name1 = $(name); //获取jQuery对象
- var name1 = $name.get(0); //把jquery对象转换为DOM对象;
- 方法二:DOM对象--- >jquery对象
- var name = document.getElementById("name");//获取DOM对象
- var $name=$(name); //把DOM对象转换为jquery对象
四:jQuery函数(窗体加载事件):
1.jQuery(document).ready(function(){ 需要执行的代码}) ====》 $(function(){ 需要执行的代码 }) (简写方式,常用)
- $(function(){ 需要执行的代码 }) ===》 js的 window.οnlοad=function(){ }
2.body的onload事件(js窗体加载事件)和jquery窗体加载事件的区别:
- 一般onload事件只有一个,如果页面有多个onload事件,只执行最后一个,而jquery文档加载完毕函数可以有N多个,而且每一个都会按照顺序依次执行
- jquery的文档加载完毕函数执行事件要早于body的onload事件(尤其是页面上有大量的图片需要加载的时候,两者之间的差异就更明显)
转载于:https://www.cnblogs.com/Li232/p/9489192.html
了解jQuery并掌握jQuery对象和DOM对象的区别相关推荐
- jQuery对象和DOM对象使用说明
1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传 ...
- jquery对象PHP转换,jquery对象和DOM对象如何相互转换?
本篇文章给大家介绍一下jquery对象和DOM对象的转换,有需要的朋友可以参考一下,希望对你有所帮助. 我们在上一篇文章jquery对象和DOM对象的区别有哪些?中也简单介绍了关于jquery对象和D ...
- jQuery对象与DOM对象的相互转化
jQuery对象转化成DOM对象 (1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象. (2)jQuery本身提供,通过.get(index)方法,得到相应的D ...
- jquery对象PHP转换,jQuery对象与DOM对象转换方法详解_jquery
本文实例分析了jQuery对象与DOM对象的转换方法.分享给大家供大家参考,具体如下: jQuery对象转换为dom对象 只有jQuery对象才能调用jQuery类库的各种函数,同样有些dom对象的属 ...
- 详解jQuery对象与DOM对象的相互转换
一直以来对于通过jQuery方式获取的对象,却不能直接使用JavaScript的方法很不理解,现在知道,原来jQuery获得的对象并不和我们平时使用getElementById获得的对象一样.所以一些 ...
- jquery对象和Dom对象的不同
起因是因为我在写一个for循环的时候,trtext获取不到. var ttr=$("#tabFiles tr"); for(var i=0;i<ttr.lenght;i++) ...
- jquery学习手记(2)jQuery对象和DOM对象相互转换
DOM对象 DOM文档对象模型,每一份DOM都可以表示成一棵树. 可以通过js中的getElementById或者getElementById来获取DOM对象. DOM对象可以使用js中的方法. 示例 ...
- JS对象与Dom对象与jQuery对象之间的区别
前言 通过问题看本质: 举例: js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的 $("#save&qu ...
- jQuery对象和DOM对象
jQuery对象和DOM对象使用说明 2010-07-17 23:31 jQuery对象和DOM对象使用说明,需要的朋友可以参考下. 1.jQuery对象和DOM对象 第一次学习jQuery,经常分辨 ...
- 关于jQuery对象与DOM对象
今天遇到了关于jQuery对象与dom对象的区分问题.具体如下:对于元素<span id="aa" class="aa">hyz</span& ...
最新文章
- 【BZOJ4764】弹飞大爷 LCT
- dos中的for命令简单使用
- 【opencv学习】【形态学】【腐蚀与膨胀】【开运算与闭运算】【礼帽和黑帽】
- jconsole命令 Java Monitoring and Management Console
- cpython和jpython_在J内部使用Python
- 一次由于网卡流量跑满引起的服务器丢包总结(sar命令排查)
- Bug错误一:报this.setData is not a function错误
- win7 修改欢迎登录界面
- hmcl手机版_hmcl启动器手机版软件下载-我的世界hmcl启动器官网版最新下载v3.3.159-飘荡下载...
- 【功能更新-1:选项统一】利用python生成自制英语试题程序开发
- 2012年考研大纲词汇方便打印版(免费分享)
- Ubuntu20.04设置WiFi热点
- iOS程序员必读之热门书单
- 尚硅谷前端框架vue语法(二)
- 3.23期货品种每日早盘建议
- python官方文档学习_Python3.5.2官方文档学习备忘录
- oracle创建ora文件,ORACLE配置tnsnames.ora文件实例
- 用计算机弹暖暖数字代码,奇迹暖暖网页版计算器
- OP向左,SaaS向右,如何选择?
- python面向对象OOP编程(三)-- 同类 不同实例 之间的关联关系