jQuery 提供了许多辅助函数(也称为工具函数或实用函数),这些函数在不需要选择 DOM 元素的情况下也很有用。这些函数通常在全局 jQuery 对象($
)上调用,而不是在 jQuery 选择器结果集上调用。以下是一些常见的 jQuery 辅助函数示例及其用法:
-
$.trim()
移除字符串两端的空白字符。var str = " Hello, World! "; var trimmedStr = $.trim(str); console.log(trimmedStr); // 输出: "Hello, World!"
-
$.each()
迭代对象(JavaScript 对象或数组)或 jQuery 对象。var obj = { "name": "John", "age": 30, "city": "New York" }; $.each(obj, function(key, value) { console.log(key + ": " + value); }); // 数组示例 var arr = [1, 4, "apple"]; $.each(arr, function(index, value) { console.log(index + ": " + value); });
-
$.type()
获取 JavaScript 对象的类型。var str = "Hello"; var num = 123; var arr = []; var obj = {}; console.log($.type(str)); // 输出: "string" console.log($.type(num)); // 输出: "number" console.log($.type(arr)); // 输出: "array" console.log($.type(obj)); // 输出: "object"
-
$.isArray()
检查对象是否是数组。var arr = [1, 2, 3]; console.log($.isArray(arr)); // 输出: true
-
$.isFunction()
检查对象是否是函数。function myFunction() {} console.log($.isFunction(myFunction)); // 输出: true
-
$.inArray()
检查值是否存在于数组中,并返回其索引(如果不存在则返回 -1)。var arr = [4, "apple", 8]; console.log($.inArray("apple", arr)); // 输出: 1 console.log($.inArray(1, arr)); // 输出: -1
-
$.extend()
用于合并内容到目标对象,将源对象的属性复制到目标对象。var obj1 = { "apple": 0, "banana": { "weight": 52, "price": 100 } }; var obj2 = { "banana": { "price": 200 }, "durian": 100 }; $.extend(obj1, obj2); console.log(obj1); // 输出: { "apple": 0, "banana": { "price": 200 }, "durian": 100 }
-
$.param()
将对象序列化为字符串,以便用于 URL 查询字符串或 AJAX 请求。var obj = { a: 1, b: 2, c: 3 }; var queryString = $.param(obj); console.log(queryString); // 输出: "a=1&b=2&c=3"
-
$.grep()
过滤数组中的元素,返回一个新数组,包含通过测试的所有元素。var arr = [1, 4, 9]; var filteredArr = $.grep(arr, function(value, index) { return value > 5; }); console.log(filteredArr); // 输出: [9]
-
$.map()
将数组中的元素转换成一个新数组,包含通过函数转换后的元素。var arr = [1, 4, 9]; var squaredArr = $.map(arr, function(value, index) { return value * value; }); console.log(squaredArr); // 输出: [1, 16, 81]
这只是 jQuery 提供的一部分辅助函数