jQuery常用方法详解：$.trim, $.contains, $.each, $.map, $.inArray, $.ext...

本文主要总结了jQuery库中的一些常用内置方法，包括$.each、$.map、$.contains、$.ajax以及一些实用工具方法如$.trim、$.inArray和$.extend。 ### 1. $.trim `$.trim`是jQuery提供的一个工具方法，用于去除字符串两端的空白字符。例如： ```javascript $.trim(' Hello '); // 'Hello' ``` 这个方法对于处理用户输入或者从HTML中提取文本非常有用，可以确保得到的字符串没有不必要的空格。 ### 2. $.contains `$.contains`是一个用于检测DOM元素之间包含关系的方法，返回一个布尔值。例如： ```javascript $.contains(document.documentElement, document.body); // true $.contains(document.body, document.documentElement); // false ``` 这个方法可以用来检查一个元素是否是另一个元素的子元素。 ### 3. $.each `$.each`是一个迭代器，可遍历数组或对象，同时返回原始对象。它接受一个数组或对象及一个回调函数作为参数。例如： ```javascript $.each([52, 97], function(index, value) { console.log(index + ":" + value); }); // 0:52 // 1:97 var obj = { p1: "hello", p2: "world" }; $.each(obj, function(key, value) { console.log(key + ":" + value); }); // p1:hello // p2:world ``` jQuery对象实例也有一个`.each`方法，它们的作用相似，但主要用于jQuery对象的遍历。 ### 4. $.map `$.map`类似于`.each`，但会返回一个新的数组，包含回调函数处理后的结果。例如： ```javascript var a = ["a", "b", "c", "d", "e"]; a = $.map(a, function(n, i) { return (n.toUpperCase() + i); }); // ['A0', 'B1', 'C2', 'D3', 'E4'] ``` 这个方法常用于对数组进行转换或过滤。 ### 5. $.inArray `$.inArray`用于查找指定值在数组中的索引位置，若未找到则返回-1。例如： ```javascript var a = [1, 2, 3, 4]; $.inArray(4, a); // 3 ``` 这个方法在需要检查元素是否存在于数组中的场景非常有用。 ### 6. $.extend `$.extend`用于合并多个对象到第一个对象中。例如： ```javascript var o1 = { p1: 'a', p2: 'b' }; var o2 = { p1: 'c' }; $.extend(o1, o2); // o1: { p1: 'c', p2: 'b' } ``` 它可以方便地合并配置对象或者扩展已有对象的属性。 以上就是jQuery中一些常用的内置方法，它们极大地简化了JavaScript的DOM操作和数据处理，提高了开发效率。了解并熟练掌握这些方法，能够更好地利用jQuery进行Web开发。