了解jQuery并掌握jQuery对象和DOM对象的区别
程序员文章站
2022-05-28 14:04:26
jQuery的优势: 使用jQuery: jQuery对象和DOM对象的区别 一://取得jsDOM对象: 二://获得jquery对象 三:DOM对象与jQuery对象互相转换 可以把jQuery对象看做DOM对象的数组,因此 可以通过索引下标在jQuery中获取DOM对象 方法一:jquery对 ......
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.onload=function(){ }
2.body的onload事件(js窗体加载事件)和jquery窗体加载事件的区别:
- 一般onload事件只有一个,如果页面有多个onload事件,只执行最后一个,而jquery文档加载完毕函数可以有n多个,而且每一个都会按照顺序依次执行
- jquery的文档加载完毕函数执行事件要早于body的onload事件(尤其是页面上有大量的图片需要加载的时候,两者之间的差异就更明显)
上一篇: Jquery中数值求和及根据余数改变对应的数值样式
下一篇: 闲来无事做个C#小项目——2
推荐阅读
-
jquery dom对象的事件隐藏显示和对象数组示例
-
jQuery 源码解析(七) jQuery对象和DOM对象的互相转换
-
jQuery对象与DOM对象的区别和联系
-
jQuery之DOM对象和jQuery对象的转换与区别分析
-
了解jQuery并掌握jQuery对象和DOM对象的区别
-
基于jQuery对象和DOM对象和字符串之间的转化实例
-
jquery对象和DOM对象的区别介绍
-
jQuery 源码解析(七) jQuery对象和DOM对象的互相转换
-
javascript 原生Dom对象和jQuery对象的联系和区别
-
从jQuery的remove()和原生JS的removeChild()方法再观jQuery对象和DOM对象的关系(代码教程)