jQuery原理——23——原型上的属性和方法

最新推荐文章于 2021-01-09 17:49:59 发布

野生小米椒

最新推荐文章于 2021-01-09 17:49:59 发布

阅读量128

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/x1037490413/article/details/103411607

版权

jQuery 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

1、jquery 获取jQ版本号
2、selector 实例默认的选择器取值
3、length 实例默认的长度
4、toArray 把实例转换为数组返回
5、get 获取指定下标的元素，获取的是原生DOM
6、eq 获取指定下标的元素，获取的是jQuery类型的实例对象
7、first 获取实例中的第一个元素，是jQuery类型的实例对象
8、last 获取实例中的最后一个元素，是jQuery类型的实例对象
数组的方法9,10,12
9、splice 按照指定下标指定数量删除元素，也可以替换删除的元素
11、push 给实例添加新元素
12、sort 对实例中的元素进行排序
13、each 遍历实例，把遍历到的数据传给回调使用
14、map 遍历实例，把遍历到的数据传给回调使用，然后把回调的返回值收集起来组成一个新的数组返回

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- <script src="../jQuery/jquery-3.4.1.min.js"></script> -->
    <script src="../jQuery/sjQuery.js"></script>
    <script>
        $(function () {
            /*
            // 1、jquery 获取jQ版本号
            //原型上的属性，只能通过对象来调用
            console.log($().jquery); //版本号3.4.1
            //toArray 把实例转换为数组返回 jQuery对象的伪数组转换为真数组
            var res = $("div");
            console.log(res);
            var res2 = res.toArray();
            console.log(res2);

            //get方法如果不传递参数，相当于调用toArray()

            var res = $('div');
            console.log(res.get());
            console.log(res.get(0)); //box1
            console.log(res.get(1)); //box2
            console.log(res.get(-1)); //box3 倒着数 length为3,(3+ -1)

            //eq方法 get返回的是原生的dom元素，eq返回的是包装之后的
            var res2=$('div');
            console.log(res2.eq());
            console.log(res2.eq(0));
            console.log(res2.eq(-1));
           

            //first方法 和eq一样
            var res=$('div');
            console.log(res.first());
            //last
            console.log(res.last());
            
            */
           var arr=[1,2,3,4,5];
           var obj1={0:"xx",1:"ss",length:2};//伪数组
           var obj2={name:"xx","age":33};//对象
        //    sjQuery.each(arr,function(key,value){
        //        console.log(key,value); 
        //    })
           sjQuery.each(obj1,function(key,value){
               if(key===1){//索引
                   return true;
               }
               console.log(key,value); 
               console.log(this);
               
           })
         $(arr).each(function(key,value){
         console.log(key,value);
         console.log(this);
         })
           
        })
    </script>
</head>

<body>
   <div id="box1"></div>
   <div id="box2"></div>
   <div id="box3"></div>
</body>

</html>