jQuery常用辅助函数

jQuery 提供了许多辅助函数(也称为工具函数或实用函数),这些函数在不需要选择 DOM 元素的情况下也很有用。这些函数通常在全局 jQuery 对象($)上调用,而不是在 jQuery 选择器结果集上调用。以下是一些常见的 jQuery 辅助函数示例及其用法:

  1. $.trim()
    移除字符串两端的空白字符。

    var str = "   Hello, World!   ";  
    var trimmedStr = $.trim(str);  
    console.log(trimmedStr); // 输出: "Hello, World!"

  2. $.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);  
    });
  3. $.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"
  4. $.isArray()
    检查对象是否是数组。

    var arr = [1, 2, 3];  
    console.log($.isArray(arr)); // 输出: true
  5. $.isFunction()
    检查对象是否是函数。

    function myFunction() {}  
    console.log($.isFunction(myFunction)); // 输出: true

  6. $.inArray()
    检查值是否存在于数组中,并返回其索引(如果不存在则返回 -1)。

    var arr = [4, "apple", 8];  
    console.log($.inArray("apple", arr)); // 输出: 1  
    console.log($.inArray(1, arr)); // 输出: -1

  7. $.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 }

  8. $.param()
    将对象序列化为字符串,以便用于 URL 查询字符串或 AJAX 请求。

    var obj = { a: 1, b: 2, c: 3 };  
    var queryString = $.param(obj);  
    console.log(queryString); // 输出: "a=1&b=2&c=3"

  9. $.grep()
    过滤数组中的元素,返回一个新数组,包含通过测试的所有元素。

    var arr = [1, 4, 9];  
    var filteredArr = $.grep(arr, function(value, index) {  
      return value > 5;  
    });  
    console.log(filteredArr); // 输出: [9]

  10. $.map()
    将数组中的元素转换成一个新数组,包含通过函数转换后的元素。

    var arr = [1, 4, 9];  
    var squaredArr = $.map(arr, function(value, index) {  
      return value * value;  
    });  
    console.log(squaredArr); // 输出: [1, 16, 81]

这只是 jQuery 提供的一部分辅助函数

  • 8
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值