jQuery部分工具方法

本文深入探讨了jQuery中几个核心且实用的方法,包括$.type()用于精确判断数据类型,$.trim()去除字符串首尾空白,$.makeArray()将类数组转换为数组,$.inArray()查找元素索引,$.each()遍历数组或对象,以及$.merge()合并数组。通过具体示例展示了这些方法的用法和应用场景。
$.type() 判断数据类型
$.trim() 消除字符串两边的空格
$.makeArray()/$.inArray()/$.each()/$.merge()
$.type() 判断数据类型

    原生js中typeOf只能判断基本的数据类型:number string undefined boolean object function,然后可以使Object.prototype.toString.call()来更精确的判断,在jQuery中,我们可以使用$.type()来判断。

var arr = [1, 2, '2', '三'];
console.log($.type(arr));

在这里插入图片描述

$.trim() 消除字符串两边的空格
var str = "  abcd   abcdef    abcdefgh";
console.log(str);
console.log($.trim(str));

在这里插入图片描述

$.makeArray() 使类数组变成数组 数组具有pop push方法
<lu>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</lu>
<script src="js/jquery-1.11.3.js"></script>
<script>
	console.log($('li'));
    console.log($.makeArray($('li')));
</script>

在这里插入图片描述

$.inArray() 判断数组中是否包含某个字符串 有返回索引 没有返回-1
var arr = [1, 2, '2', '三'];
console.log($.inArray('三', arr));
console.log($.inArray('四', arr));

在这里插入图片描述

$.each() 循环遍历项 可以遍历数组 可以遍历对象
var data = [{
     name: 'zhangsan',
     age: 23,
},{
     name: 'lisi',
     age: 22,
},{
     name: 'wangwu',
     age: 24,
},]
var str1 = '';
$.each(data, function(index, ele) {     // 循环遍历
    str1 += `<p>姓名:${ele.name}  年龄:${ele.age}</P>`
})
$('.wrapper').append(str1);

在这里插入图片描述

$.merge() 合并数组或者类数组到第一个数组中 执行完返回合并后的第一个数组
var arr1 = [1, 2, 3];
var arr2 = ['一', '二', '三'];
$.merge(arr1, arr2) // 合并数组到第一个数组中  执行完返回arr1
console.log(arr1)

在这里插入图片描述

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值