jQuery学习之路

简介: 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脚本编程中非常常见);


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


2.属性选择符


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


3.自定义选择符


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


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


4.DOM遍历方法


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


相关文章
|
JavaScript 前端开发
jQuery学习(十二)—jQuery中对象的查找方法总结
jQuery学习(十二)—jQuery中对象的查找方法总结
|
JavaScript
jQuery学习(九)—常用的包裹方法
jQuery学习(九)—常用的包裹方法
|
JavaScript
jQuery学习(七)— append方法与appendTo方法
jQuery学习(七)— append方法与appendTo方法
|
JavaScript
jQuery学习(六)—jQuery对象的创建
jQuery学习(六)—jQuery对象的创建
|
JavaScript
jQuery学习(五)—课堂实训题专栏
jQuery学习(五)—课堂实训题专栏
|
JavaScript
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
|
3月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
6月前
|
开发框架 JavaScript 前端开发
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
46 0
|
7月前
|
JavaScript 前端开发 索引
jQuery学习教程,写更少的代码,做更多的事情(二)
jQuery学习教程,写更少的代码,做更多的事情(二)
|
7月前
|
XML JavaScript 前端开发
JavaScript学习 -- jQuery库
JavaScript学习 -- jQuery库
81 0