jQuery之$工具方法

方法

$.each():遍历数组或对象中的数据。

$.trim():去除字符串两边的空格。

$.type(obj):得到数据的类型。

$.isArray(obj):判断是否是数组。

$.isFunction(obj):判断是否是函数。

$.parseJSON(json):解析json字符串转换为js对象/数组。

示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>$工具方法</title>
</head>
<body>

<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript">
    $(function (){
        
        //1.$.each():遍历数组或对象中的数据
        var person = {
            name: 'tom',
            age: 12
        };
        $.each(person, function (key, value) {
            console.log(key, value);
        });

        //2.$.trim():去除字符串两边的空格
        var str = ' hello world ';
        console.log($.trim(str));

        //3.$.type(obj):得到数据的类型
        console.log($.type($) === "function");

        //4.$.isArray(obj):判断是否是数组
        console.log($.isArray($()));//false
        console.log($.isArray([]));//true

        //5.$.isFunction(obj):判断是否是函数
        console.log($.isFunction($));//true
        console.log($.isFunction($()));//false

        //6.$.parseJSON(json):解析json字符串转换为js对象/数组
        /*
         * json整体就2种类型:
         * 1.json对象:{key1:value1,key2:value2}
         * 2.json数组:[value1,value2]
         * 3.key只能是字符串
         * 4.value的类型:
         *      number
         *      string
         *      boolean
         *      null
         *      []
         *      {}
         */
        var json = '{"username":"jack", "age" : 12}';
        console.log($.parseJSON(json));//js对象
        json = '[{"username":"jack", "age" : 12},{"username":"Tom", "age" : 13}]';
        console.log($.parseJSON(json));//js数组
    });
</script>
</body>
</html>