jquery中的遍历、获取、合并、数组方法

1.对元素进行遍历

 $("ul>li").each(function (index) { //index  元素索引
        console.log($(this), index);
    });

2.通过索引获取元素

 console.log($("ul>li").get(1));  //eq

    //index()   方法不加参数  获取当前元素的索引   集合默认获取第一个
    console.log($("ul>li").eq(1).index());

    console.log($("ul>li").index($("ul>li").eq(3)));


    console.log($("ul>li").index($("ul>li").eq(2)[0]));

    $("button").data("key-v","123");
    console.log($("button").data("key-v"));
    $("button").removeData("key-v");
    console.log($("button").data("key-v"));

3.获取到原始的选择器

* 获取到原始的选择器    selector
     * */
    console.log($("ul>li").selector);
    console.log($("ul>li").context);//document

4.扩展的方法

 $.extend({
        isNumber:function (){
            console.log("检测是否是数字",this);
        },
        isArrayTo:function (){

        }
    });
    //$.extend  扩展的方法  使用  直接$点
    $.isNumber();

    /*
    * 扩展到jquery上
    * */
    $.fn.extend({
        myMap:function (){
            console.log(this);
        }
    });

5.合并对象

 $("ul>li").myMap();

    /*
    * 合并对象
    * */
    var a={
        a:1,
        b:2,
        d:5
    }
    var b={
        a:2,
        b:3,
        c:4
    }
    console.log(Object.assign({}, a, b));

    console.log($.extend({}, a, b));

6.将类数组转化为数组

 console.log($("li"));
    console.log($.makeArray($("li")));


    console.log($.map($("li"), function (ele, index) {
        return ele;
    }));

7.数组里查找

 console.log($.inArray(5, [1, 2, 3])); //找到  返回索引   没有返回-1
    console.log($.inArray($("li").eq(1)[0], $("li")));
    console.log($("li").toArray()); //沾化数组


    var obj={
        a:function (){
            console.log(1);
        }
    }
  /*  $("ul").click($.proxy(obj.a,obj));*/

    function bok(){
        console.log(12);
    }
    $("ul").click($.proxy(window.b,window));
    console.log($.proxy(obj.a,obj));


    console.log($.isArray(1)); //检测是否是数组
    console.log($.isFunction(bok)); //检测是否是函数

    console.log($.isEmptyObject({}));
    console.log($.isEmptyObject(obj));


    console.log($.trim(" a b c d ").length);
    console.log(" a b c d ".trim().length);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值