jquery选择器的基本学习
来源:互联网 发布:stm8l15x中文数据手册 编辑:程序博客网 时间:2024/05/16 07:14
1,jQuery发展历史:
是一个javascript库,封装的一些常用的操作:
为什么要封装?
1,javascript,DOM非常繁琐
2,浏览器兼容性:非常令人头疼
封装一些javascript常用的操作,库
1,prototype:封装javascript常用的对象和函数(功能强大,而且最早的库),缺点(面向对象把握的不是很好)
2,dojo,提供了其他库没有的功能,例如离线存储,SVG绘图,而且他得到了IBM SUN这些公司的推广。文档不全,学习起来曲线比较陡;
3,ExtJs: 企业级的框架,功能强大(他以jquery做最底层的),缺点:注重的是样式,结构比较臃肿,他不是完全免费,如果需要从事商业用途,需要付费获得许可证
jQuery:
市场占有率稳步上升,代码比较少,功能强大:DOM比较强大,事件处理,完全解决了浏览器的兼容性问题,ajax操作(比较好)
2,jquery对象和DOM对象
Jquery对象可以理解成封装好javascript对象之后的对象
我们要严格区分开jquery 对象和javascript的对象
使用:
从jquery.com网站下载最新版本
1,在jquery中$就是jquery, $(“#content”) 就是jquery(“#content”)
Jquery的$(document).ready()和window.onload还是有区别:
(1)window.onload() 需要等到整个页面加载完毕(包括需要的图片等文件都加载完毕)才执行
(2)$(document).ready()只需要解析器先将文件的DOM结构绘制完毕就执行,不等待其他文件是否加载完毕
(3)Window.onload()不可以绑定多个onload()
但是$(document).ready()可以
案例:
通过jquery实现批量绑定事件
表格各行换色
区分开jquery对象和DOM对象
DOM对象----javascript操作的对象
Jquery对象----将常用的javascript对象封装后形成自己的对象
不同的对象有自己不同的方法,所以一定要严格区分开他们的方法
为了区分开是DOM对象还是jquery对象,我们是通过声明变量的时候设置的:
通常jquery对象,我们使用
var $p = jquery对象
Var p = DOM对象
转化:
(1)jQuery对象转化为DOM对象
既然他是封装的javascript的对象,他肯定是一个数组,保存的是对象的集合
通过数组下标的形式转化
[下标]
Get(索引)
(2)DOM对象转化为jquery对象
$() 转化
3,选择器:
我们设置一个元素的样式,第一步需要找到这个元素,找这个元素的规则,就是选择器(赵某个元素的机器)
jQuery选择器,就是当我们需要给某个元素绑定事件,需要先找到这个元素,找这个元素的规则就是jquery选择器
层次选择器:
- jquery选择器的基本学习
- Jquery实战学习--Jquery的基本选择器
- Jquery选择器的基本选择器
- jQuery的基本选择器
- jquery的基本选择器
- jquery的基本选择器
- jQuery 基本的选择器
- jQuery的基本选择器
- jquery的基本选择器
- jQuery的基本选择器
- 基本的jQuery选择器
- jquery学习笔记-基本选择器
- jQuery学习之基本选择器
- JQuery学习笔记-基本选择器
- Jquery选择器的基本筛选选择器
- 一步一步学习 JQuery (二) 选择器: 基本选择器 && 层次选择器
- jQuery学习之基本选择器、层次选择器和并且选择器
- jquery 基本选择器的使用
- POJ 2951 Cake Cutting
- ctime pitfall
- Conflicting CPU frequency values detected
- MySQL 视图
- 浏览器及其版本判断js
- jquery选择器的基本学习
- 黑马程序员_JAVA基础之环境变量
- JAVA面试
- Android项目不自动生成Android Dependencies
- MongoDB作为windows服务运行
- django 复合主键(composit primary key)
- Shell快捷键汇总
- jQuery实现等比例缩放大图片
- vim使用小结