jQuery 利用 CSS 选择器来访问 DOM 元素。当利用选择器来访问 DOM 中元素的时候,元素以 jQuery 对象的形式被返回。使用 CSS 选择器来访问 DOM 中元素时,要使用 $() 函数。
$() 函数用于选择文档的一部分。它接受任何 CSS 选择器表达式、0 个或多个 DOM 节点,返回所有匹配的元素。
eg:
一旦浏览器发现脚本行,就会执行该 JavaScript 文件。但样式无法应用于 HTML 元素(因为 JavaScript 文件在 head 部分中被引用,而 HTML 元素在 body 部分中才出现,此时尚未加载)。因此,我们需要延迟 JavaScript 代码的执行,直到 DOM 加载完毕。
用来通知我们 DOM 准备就绪的方法就是 $(document).ready()。在 DOM 加载完毕后,此方法执行函数调用(函数作为它的参数):
- $(document).ready(function() {
- $('p'),
- addClass('highlight');
- });
要选择非常规的 HTML 元素,我们需要使用自定义选择器。自定义选择器帮助我们选择 HTML 元素组,比如包含一段给定文本的 HTML 元素、在特定位置的元素(例如在第三段落)。自定义选择器还可以选择 HTML 文档中的奇数或偶数元素。
以下是如何选择包含文本 Life 的所有元素:
$('span:contains(Life)').addClass('highlight');
在下面的例子中,我们给 HTML 文档中的偶数和奇数 div 元素、给定序号的一个段落分别应用不同的样式:(在 JavaScript 中从 0 开始编号)
$('div:odd').addClass('highlight');
$('div:even').addClass('boundary');
$('p:eq(1)').addClass('linkstyle');
map() 方法迭代数组的每个元素,并为每个数组元素分别调用一次回调函数。可以把返回的元素分配到另一个数组,也可以分配到同一个数组。map() 方法也可以遍历具有 length 属性、类似数组的对象。
map(array, callback);
sort() 方法是按照字母顺序为字符串数组排序。此方法基于 ASCII 值进行排序,所以最好统一形式。也就是说,要么都以大写开头,要么都以小写开头。此方法不能用于数值排序。要为数值排序,必须为 sort() 方法定义一个比较函数。
使用 splice() 方法拆分数组。为了拆分数组,该方法需要两个参数:第一个参数指定索引位置,即从哪里开始拆分,第二个参数指定从原始数组中删除多少个元素。从原来的数组中提取并返回这两个参数所定义范围内的数组元素,可以在另一个数组中保存返回的数组元素。总之,删除并返回数组的一部分(由发送到 splice 的两个参数所定义),其余部分留在原来的数组中。
concat() 是数组对象的方法。把数组 2 作为参数传递到数组 1,在数组 1(被连接的数组)上调用 concat() 方法。返回的数组是这两个数组的连接,并保存在第三个数组中。
使用 substr() 方法获取子字符串。
来源: http://lib.csdn.net/article/jquery/38106