【jQuery】jQuery入口函数传入不同参数测试

蔚落 2021-09-20 19:38 327阅读 0赞

也许大家每天都用jQuery，但是否仔细分析过jQuery入口函数传入各个值后的返回值，下面是测试的过程及总结。

**测试代码：**

<script>
            $(function () { 
            //jQuery入口函数传入不同参数实例测试
            /* 1.传入 "" null undefined NaN 0 false 2.传入html片段 3.传入选择器 4.传入数组 5.传入伪数组 6.传入对象 7.传入dom元素 8.传入基本数据类型 */
                //1.传入 "" null undefined NaN 0 false
                console($());
                console.log($(""));
                console.log($(null));
                console.log($(undefined));
                console.log($(NaN));
                console.log($(0));
                console.log($(false));
                均为jQuery对象jQuery.fn.init
    
                //2.传入html片段
                console($('<p>1</p><p>2</p><p>3</p>'));
                // jQuery3.4.1 error
    
                //3.传入选择器
                console.log($("ul>li"));
                //会得到一个选择器选中元素的伪数组
    
                // 4.传入数组
                console.log($([1,2,3,4]));
                // 会得到封装过的jQuery伪数组
    
                // 5.传入伪数组
                console.log($({ 0:1,1:2,2:3,3:4,length:4}));
                // 会得到封装过的jQuery伪数组
    
                // 6.传入对象
                console.log($(new Number(123)));
                // 得到jQuery 数组！！！！？？ X , 封装过的jQuery对象
    
                // 7.传入dom元素
                console.log($("ul>li:nth-child(1)"));
                //传入dom元素返回封装的jQuery对象
    
                // 8.传入基本数据类型
                console.log($(123));
                //返回封装的基本数据类型对象
            })
        </script>

### 总结： ###

1.  传入""、null 、undefined、NaN、0、false 空对象，返回值均为jQuery对象jQuery.fn.init
2.  字符串，一般是选择器，返回匹配的对象（封装的jQuery对象）。
3.  HTML代码片段：会将创建好的DOM元素存储到jQuery对象中返回选择器, 会将找到的所有元素存储到jQuery对象中返回。
4.  数组， 会将数组存储的元素一次存储到jQuery对象中。
5.  除上述类型以外，会将传入的数组存储到jQuery对象中返回。

--------------------

希望对你有帮助~

发表评论取消回复

表情：

评论列表（有 0 条评论，327人围观）

还没有评论，来说两句吧...

相关阅读

相关【python】python根据传入参数不同，调用不同的方法

大家好，我是木头左。今天介绍三种不同方法实现根据传入参数不同，调用不同的方法。使用条件语句在Python中，可以使用条件语句（如if-elif-else语句）

布满荆棘的人生/ 2024年03月16日 20:07/ 0 赞/ 96 阅读

相关 python随笔——将函数作为参数传入函数

①测试一个样例：测试函数作为参数 def fun1(fun): print("---------------------")

谁借莪１个温暖的怀抱￠/ 2024年02月19日 12:09/ 0 赞/ 20 阅读

相关 Java main函数传入参数

Java main函数传入参数简介在Java程序中，main函数是程序的入口点。通过main函数，我们可以执行程序中的代码并传入参数。本文将介绍Java mai

忘是亡心i/ 2024年02月19日 08:35/ 0 赞/ 56 阅读

相关 mybatis传入混合参数（多个不同类型的参数）

当调用接口： \[java\] [view plain][] [copy][view plain] 1. public List<User> selectUserInID

た入场券/ 2024年02月18日 17:21/ 0 赞/ 61 阅读

相关函数的传入参数与返回参数

传值传值的本质是在形参位置(调用处)复制一份相同内容给被调用函数对应位置的实参，所以实参会在本帧(本函数)的堆栈上重新开辟一块空间存储这一复制值。指针传递指

亦凉/ 2023年02月24日 11:19/ 0 赞/ 14 阅读

相关 jQuery入口函数,js入口函数

基础语法： `$(selector).action()` 美元符号定义 jQuery 选择符（selector）“查询"和"查找” HTML 元素 jQuery 的

た入场券/ 2023年01月07日 14:24/ 0 赞/ 218 阅读

相关函数参数传入问题

函数参数传入问题 1.问题描述： ![wrapper() takes 0 positional arguments but 1 was given][wrapper

梦里梦外;/ 2022年12月28日 14:01/ 0 赞/ 168 阅读

相关 python function 传入多个参数；动态传入不同个数参数

普通传入参数方法在这里不写了。单星号传入元组 def print_param_0(param): print param >>>

古城微笑少年丶/ 2022年06月12日 12:10/ 0 赞/ 220 阅读

相关 js函数中传入的event参数

Event： Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行！

电玩女神/ 2022年02月13日 08:31/ 0 赞/ 290 阅读

相关【jQuery】jQuery入口函数传入不同参数测试

也许大家每天都用jQuery，但是否仔细分析过jQuery入口函数传入各个值后的返回值，下面是测试的过程及总结。测试代码： <script>

蔚落/ 2021年09月20日 19:38/ 0 赞/ 328 阅读