学习JQuery中文文档之map()函数和get()函数，新手学编程的基础知识

大家好，今天我们来学习JQuery中的两个函数：map()和get()。

map()函数可以说是JQuery中最常用的函数之一了。它的作用是遍历一个JQuery对象，并将每个元素处理后的结果组合成一个新的JQuery对象返回。例如，我们有一个id为list的ul元素，其中有三个li元素，分别包含“apple”、“banana”和“orange”三个字。我们可以通过以下代码获取这三个li元素的文本内容并组成新的JQuery对象：

```

var arr = $("#list li").map(function() {

return $(this).text();

});

```

这里我们使用了map()函数来遍历id为list的ul元素下的所有li元素，并将其文本内容返回。然后将返回的结果组成一个新的JQuery对象arr。最终arr的值为一个包含“apple”、“banana”和“orange”三个值的数组。

除了返回一个新的JQuery对象外，map()函数还有一个很方便的功能——它能在遍历过程中修改元素本身。例如，我们可以用以下代码将id为list的ul元素中的所有li元素的文本内容转换为大写：

```

$("#list li").map(function() {

$(this).text($(this).text().toUpperCase());

});

```

这里我们在map()函数中使用了匿名函数来获取每个li元素并修改其文本内容。注意，我们必须使用$(this)来引用当前处理的li元素，才能正确地对其进行操作。

接下来，让我们来看看get()函数。它的作用是将JQuery对象中的某个或某些元素提取出来，并以数组的形式返回。例如，我们有以下代码：

```

var item2 = $("#list li").get(1);

```

这里我们使用了get()函数来获取id为list的ul元素中第二个li元素。注意，get()函数中传入的参数是一个从0开始的索引值，它表示我们要取出第几个元素。因此，get(1)的含义是提取出第二个li元素。

除了传入一个数字索引值，get()函数还可以不传入参数。这种情况下，get()函数将返回整个JQuery对象所包含的所有元素，以数组的形式返回。例如：

```

var arr = $("#list li").get();

```

这里我们获取了id为list的ul元素中所有的li元素，并将其以数组的形式赋值给变量arr。

需要注意的是，get()函数返回的是一个普通的JavaScript数组，而不是JQuery对象。因此，我们不能再对这个数组使用JQuery的函数和方法，而必须使用原生的JavaScript方法。

以上就是JQuery中map()函数和get()函数的基本介绍。希望大家通过本文的介绍，能够更加深入地了解这两个函数的使用方法和注意事项。