JQuery中的工具方法

一个虽然帅,但是菜的cxy

于 2020-03-22 12:26:19 发布

阅读量91

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/qq_38777614/article/details/105025850

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
    <script>
        /**
         *  jq的工具方法和我们自己封装的js方法，没有任何区别
         *  jq工具方法：不用了（在ECMA5和ECMA6都有类似功能的函数）
         *
         *  jq的方法调用：$(selector).actions();
         *  jq的工具方法: $.xxx()
         *
         *  type() 输出当前数据类型(比typeof 更加细化)
         *  trim() 去除前后空格
         *  $.parseJSON() jq中将json字符串转为jsond对象 === eval() JSON.parse()/JSON.stringify()： 参考https://www.cnblogs.com/amujoe/p/11077300.html
         *  proxy() 功能类似于bind: 在某些情况下，我们调用Javascript函数时候，this指针并不一定是我们所期望的那个https://www.cnblogs.com/chenqiushi/p/4535943.html
         *  noConflict() 帮$取别名
         *  makeArray() 将伪数组转换成数组 Array.from();
         */

        //1.type方法
        var arr = [10,20,30];
        var str = new String();
        console.log(typeof arr);//object
        console.log(typeof str);//object
        console.log($.type(arr));//array
        console.log($.type(str));//string

        //2.trim()方法
        var str2 = " hello world ";
        console.log("|"+str2+"|");
        console.log("|"+$.trim(str2)+"|");

        //3.
        var a={"name":"tom","sex":"男","age":"24"}; //json对象,object
        var b='{"name":"Mike","sex":"女","age":"29"}';//json字符串,string
        var c='[{"name":"Mike","sex":"女","age":"29"}]';

        //将json --> json字符串,JSON.stringify()
        console.log($.type(JSON.stringify(a))); //变成string了
        //将json字符串 --> json, JSON.parse()
        console.log($.type(JSON.parse(b)));  //变成object了
        console.log($.type(eval(c))); // 演示这个需要那上一行注释,因为它已经将json字符串---> json对象了, 必须被[]包起来,没包起来会报错，不知道为啥！


        var ps = $("p");// var ps = document.getElementsByTagName("p");
        console.log(Array.isArray(ps)); //判断它是否是数组: false
        // console.log(ps.shift()); //not a function 伪数组: 有索引,但是没有数组的方法, 例子: arguments,$("p"),document.getElementByTagName("p");
        ps = Array.from(ps);//将伪数组转化为数组
        console.log(Array.isArray(ps));//true
    </script>
</head>
<body>
    <p>hello world</p>
    <p>hello world</p>
    <p>hello world</p>
    <p>hello world</p>
</body>
</html>