JQuery学习笔记——基础知识和数组以及字符串操作

一、基础知识：

1.选择DOM节点：

jQuery利用CSS选择器来访问DOM元素。当利用选择器来访问DOM中元素的时候，元素以jQuery对象的形式被返回。使用CSS选择器来访问DOM中元素时，要使用$()函数。

$()函数用于选择文档的一部分。它接受任何CSS选择器表达式、0个或多个DOM节点，返回所有匹配的元素。

eg:

• $('p')——访问HTML文档中所有的段落元素
  
• $('#A')——访问所有id=A的HTML元素
  
• $('.b')——访问所有class=b的HTML元素

2.延迟JavaScript的执行：

一旦浏览器发现脚本行，就会执行该JavaScript文件。但样式无法应用于HTML元素（因为JavaScript文件在head部分中被引用，而HTML元素在body部分中才出现，此时尚未加载）。因此，我们需要延迟JavaScript代码的执行，直到DOM加载完毕。

用来通知我们DOM准备就绪的方法就是$(document).ready()。在DOM加载完毕后，此方法执行函数调用（函数作为它的参数）:

$(document).ready(function() {
    $('p'),addClass('highlight');
});

3.选择一系列非标准的HTML元素：

要选择非常规的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');

4.几个方法：

• children()是遍历树的方法，它搜索指定元素的直接子节点，并返回一个新的jQuery对象。此方法仅在DOM树中向下遍历一层。
• each()方法用于循环访问包装集合中的每个元素。它包含一个迭代函数。在迭代函数中，我们编写代码，应用于集合的每个单独元素。
• parent()是遍历树的方法，用于搜索每个指定元素的直接亲元素，并返回一个新的jQuery对象。此方法仅在DOM树中向上遍历一层。
• text()是jQuery对象的一个方法，用于访问指定元素的文本内容。它合并指定在元素的文本内容，并以字符串的形式返回。（可用于XML和HTML文档）
• html()方法从指定元素中的第一个元素获取HTML内容。它以字符串形式返回HTML内容。（只能用于HTML文档）
• text(text)方法把指定元素的内容设置为指定的文本，并返回该元素作为新的jQuery对象。
• html(HTML)指定包含文本的HTML标记。
• prepend()方法在指定元素前面插入指定的内容，并返回一个jQuery对象。内容可以是文本、HTML元素或jQuery对象。
• prependTo()在指定目标之前插入指定元素。
• clone()复制指定元素并返回一个新的jQuery对象。

二、数组和字符串：

1.join()方法，get()方法。

2.map():

map()方法迭代数组的每个元素，并为每个数组元素分别调用一次回调函数。可以把返回的元素分配到另一个数组，也可以分配到同一个数组。map()方法也可以遍历具有length属性、类似数组的对象。

map(array, callback);

3.筛选数组元素：

• 使用grep()方法对数组元素进行筛选。这个方法分析数组的所有元素，为每个元素分别调用回调函数。grep(array, callback, boolean);   array是原始数组，grep()方法对原始数组进行筛选；callback是回调函数，执行筛选任务，返回构成过滤数组的值。回调函数有两个参数，第一个是数组元素，第二个是索引值；boolean通常省略。如果指定该参数并设置为false（这是默认值），则没有任何效果。如果设置为true，那么回调函数的运算则是逆向的。
• 使用match()方法定义正则表达式，match()是String类的一个方法，用于决定指定的字符串对象是否匹配指定的正则表达式。

4.字符串数组和数值数组的排序：

sort()方法是按照字母顺序为字符串数组排序。此方法基于ASCII值进行排序，所以最好统一形式。也就是说，要么都以大写开头，要么都以小写开头。此方法不能用于数值排序。要为数值排序，必须为sort()方法定义一个比较函数。

5.拆分数组：

使用splice()方法拆分数组。为了拆分数组，该方法需要两个参数：第一个参数指定索引位置，即从哪里开始拆分，第二个参数指定从原始数组中删除多少个元素。从原来的数组中提取并返回这两个参数所定义范围内的数组元素，可以在另一个数组中保存返回的数组元素。总之，删除并返回数组的一部分（由发送到splice的两个参数所定义），其余部分留在原来的数组中。

6.合并数组：

concat()是数组对象的方法。把数组2作为参数传递到数组1，在数组1（被连接的数组）上调用concat()方法。返回的数组是这两个数组的连接，并保存在第三个数组中。

7.查找子字符串：

使用substr()方法获取子字符串。