jquery基础知识第一讲之认识jquery_jquery
程序员文章站
2022-03-26 22:10:50
...
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
(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学习的第一课,希望大家继续关注。