jQuery 之 $工具方法

84 阅读 0 评论 56 点赞

我是靠谱客的博主懵懂大神，最近开发中收集的这篇文章主要介绍jQuery 之 $工具方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>09_$工具方法</title>
</head>
<body>
<!--
1. $.each(): 遍历数组或对象中的数据
2. $.trim(): 去除字符串两边的空格
3. $.type(obj): 得到数据的类型
4. $.isArray(obj): 判断是否是数组
5. $.isFunction(obj): 判断是否是函数
6. $.parseJSON(json) : 解析json字符串转换为js对象/数组
-->
<script src="js/jquery-1.10.1.js" type="text/javascript"></script>
<script type="text/javascript">
    //1. $.each(): 遍历数组或对象中的数据
    var obj = {
        name: 'Tom',
        setName: function (name) {
            this.name = name
        }
    }
    // 遍历上面的obj对象中的成员；
    $.each(obj, function (key, value) {
        console.log(key, value)
    })

    //2. $.trim(): 去除字符串两边的空格
    //3. $.type(obj): 得到数据的类型
    console.log($.type($)) // 'function'

    //4. $.isArray(obj): 判断是否是数组
    console.log($.isArray($('body')), $.isArray([])) // false true
    //5. $.isFunction(obj): 判断是否是函数
    console.log($.isFunction($)) // true
    //6. $.parseJSON(json) : 解析json字符串转换为js对象/数组
    var json = '{"name":"Tom", "age":12}'  // json对象: {}
    // json对象===>JS对象
    console.log($.parseJSON(json))
    json = '[{"name":"Tom", "age":12}, {"name":"JACK", "age":13}]' // json数组: []
    // json数组===>JS数组
    console.log($.parseJSON(json))
    /*
    JSON.parse(jsonString)   json字符串--->js对象/数组
    JSON.stringify(jsObj/jsArr)  js对象/数组--->json字符串
    */
</script>
</body>
</html>