我的jQuery第十天 jQuery工具方法

jQuery工具方法

• $.type()判断数据类型 isArray isFuntion isWindow…
• $.trim()消除空格
• $.proxy()改变this指向
• $.noConflict()防止冲突
• $.each()循环 map…
• $.parseJSON()严格json字符串转换成对象-原生JSON.parse()
• $.makeArray()类数组转换成数组

type

• 会判断参数里面的是什么类型

        console.log($.type(123));
        //number
        console.log($.type('123'));
        //string
        console.log($.type(undefined));
        //undefined
        console.log($.type({}));
        //object
        console.log($.type([]));
        //array
        console.log($.type(function(){}));
        //function
        console.log($.type(new Date()));
        //date
        console.log($.type(true));
        //boolean

isArray ifFuntion isWindow

• 会判断里面的值是否符合当前方法的类型

console.log($.isArray([]))
console.log($.isFunstion(function(){}))
console.log($.Window(window))
//true

proxy

• 改变this指向

 function show(){
            console.log(this) 
        }
        var obj = {
            name : 'zhou',
            age : 18
        }
        var showProxy = $.proxy(show, obj);
        showProxy();

noConflict

• 防止冲突，防止变量名冲突 $

var $C = $.noConflict()
$C('.demo')
//以后用$C代替$了

each() and $map()

• $.each()工具方法 数组foeEach的前生，只针对数组，对象，类数组诞生的

var arr = [1,2,3,4]
        $.each(arr,function(index, ele){
            console.log(ele)
        })

• $.map()
• 针对数组每一位进行操作

var a = $.map(arr,function(index, ele){
            return ele * index;
        })
        console.log(a)

$.paresJSON()

• json字符串转换成对象
• $.parseJSON ----> JSON.parse(data + “”)

$.makeArray()

//一个参数
var obj = {
            0 : "a",
            1 : "b",
            2 : "c",
            length : 3,
            slice
        }
        var arr = $.makeArray(obj)
        //arr = [ "a" , "b", "c"]
//两个参数
     console.log($.makeArray("d", obj))
     // 前面是什么都会把参数往类数组里面塞，也可以塞数组
     // 后面参数传的什么类型，前面就拼接什么类型