jQuery学习之路

千万不要害怕学习流行的新的语言,因为这只会让你错失一种取得成功的捷径,语言之所以流行,足以证明它的优越性!

jQuery介绍

jQuery是一个快速,小巧,功能丰富的JavaScript库。它通过易于使用的API在大量浏览器中运行,使得HTML文档遍历和操作,事件处理,动画和Ajax更加简单。通过多功能性和可扩展性的结合,jQuery改变了数百万人编写JavaScript的方式。——来自官网上的介绍jQuery官网地址
jQuery是网页行为层语言JavaScript的封装库,使得Web设计师和开发者能方便地增强页面的交互能力及可用性。它的背后还有一个非常大的社区,包括大量插件开发人员,极大地增加了的库的功能。
有很多(大约20个)流行的库,最活跃的有5个(Prototype、MooTools、YUI、DoJo和jQuery),只不过是每个库的侧重点不同,jQuery擅长操作维护DOM,最大的特点是适合初学者学习,其它几个太过复杂,jQuery天生简单直接,因此赢得了大批开发者粉丝。
库能够大量减少开发者编写代码量、避免重复代码。

推荐书籍

  1. Learning jQuery Forth Edition
  2. jQuery in Action
  3. jQuery Succinctly

语法特性

  1. CSS选择符

利用了CSS中选择符的能力,用$()函数进行选择DOM;

在将方法连缀到$()工厂函数后面时,包装在jQuery对象中的元素会被自动、隐式地循环遍历。换句话说,这样就避免了使用for循环之类的显式迭代(这种迭代在DOM脚本编程中非常常见);

子元素组合符(>),选元素的第一子元素;

  1. 属性选择符

属性选择符使用一种从正则表达式中借鉴来的通配符语法,以^表示值在字符串的开始,以$表示值在字符串的结尾。而且,也是用星号*表示要匹配的值可以出现在字符串中的任意位置,用叹号!表示对值取反;

  1. 自定义选择符

通常跟在一个CSS选择符后面,基于已经选择的元素集的位置来查找元素;为什么针对奇数行使用:even选择符呢?很简单, :eq()选择符、 :odd和:even选择符都使用JavaScript内置从0开始的编号方式,因此,第一行的编号为0(偶数),第二行的编号为1(奇数),依此类推;

contains()选择符,nth-child()选择符;

  1. DOM遍历方法

.next()只选择最近同辈元素,突出的连缀能力;上述方法大部分都会返回jQuery对象,而这通常都是我们所希望的,因为jQuery对象能够提供隐式迭代和连缀能力。

猜你喜欢

转载自blog.csdn.net/qq_40657528/article/details/82852631