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

蔚落 2021-09-20 19:38 316阅读 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 条评论，316人围观）

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

相关阅读

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

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

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

相关 Java main函数传入参数

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

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

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

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

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

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

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

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

相关函数参数传入问题

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

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

相关 md5加密控制台传入与web传入参数 md5加密结果不同

问题描述：相同的字符串，通过main方法调用md5加密的结果，与web api参数接收后，md5加密，结果却不同。 import java.io.Unsupporte

阳光穿透心脏的1/2处/ 2022年08月21日 14:45/ 0 赞/ 149 阅读

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

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

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

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

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

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

相关 Python函数式编程（把函数作为参数传入）

map:接受两个参数（函数，Iterable），map将传入的函数依次作用于Iterable的每个元素，并且返回新的Iterable def f(x):

￡神魔★判官ぃ/ 2021年11月05日 00:54/ 0 赞/ 294 阅读

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

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

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