jquery是一个优秀的javascript库,它凭借简洁地语法和跨平台的兼容性,极大地简化了开发人员遍历html文档,操作dom,处理事件,执行动画和开发ajax操作。
jquery优势:
1.轻量级
2.强大的选择器
3.出色的dom操作的封装
4.可靠的事件处理机制
5.完善的ajax
6.不污染顶级变量
7.出色的浏览器兼容性
8.链式操作方式
9.隐式迭代
10.行为层与结构层分离
11.丰富的插件支持
12.完善的文档
13.开源
(1)编写简单的jquery代码:
注:$ 就是jquery的简写形式。
(2)jquery的代码风格
注:链式操作。
1、对同一个对象不超过3次操作的,可以写成一行。
2、对于同一个对象操作较多的,建议每行写一个操作。
3、对于多个对象的少量操作,可以每个对象写一行,如果涉及子元素,可以考虑适当的缩进。
4、对于多个对象的较多操作,可以结合2,3条。
添加必要的注释。
1-4-3 第1章-认识jquery 1.1-javascript和javascript库 1.2-加入jquery 1.3-编写简单jquery代码 1.4-jquery对象和dom对象 1.5-解决jquery和其它库的冲突 1.6-jquery开发工具和插件 1.7-小结
第2章-jquery选择器 2.1-jquery选择器是什么 2.2-jquery选择器的优势 2.3-jquery选择器 2.4-应用jquery改写示例 2.5-选择器中的一些注意事项 2.6-案例研究——类似淘宝网品牌列表的效果 2.7-还有其它选择器么? 2.8-小结
第3章-jquery中的dom操作 3.1-dom操作的分类 3.2-jquery中的dom操作 3.3-案例研究——某网站超链接和图片提示效果 3.4-小结
(3)dom对象与jquery对象
dom(document object model,文档对象模型),每一个dom都可以表示成一棵树。javascript中的getelementbyid或者getelementbytagname来获取元素节点,这样的dom元素就是dom对象。
jquery对象是通过jquery包装dom对象后产生的对象。jquery对象是jquery独有的,可以使用jquery中的方法,但不能使用dom对象的方法。
注:jquery对象都是通过$()函数制造出来的,$()函数就是一个jquery对象的制造工厂。
1-4 例子 你最喜欢的水果是?
苹果 橘子 菠萝
dom对象与jquery对象可以相互转换,案例如下:
1.dom对象方式
1-6-2 我已经阅读了上面制度.
2.jquery对象方式
1-6-1 我已经阅读了上面制度.
以上就是关于jquery学习的第一课,希望大家继续关注。