jQuery中核心函数接收参数的类型

最新推荐文章于 2022-08-26 22:32:15 发布

TomHe789

最新推荐文章于 2022-08-26 22:32:15 发布

阅读量397

点赞数

分类专栏： JavaScript 文章标签： js

转载请说明文章详细出处

本文链接：https://blog.csdn.net/weixin_44120487/article/details/105896574

版权

JavaScript 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery核心函数</title>
    <script src="../js/jquery-1.11.3.js"></script>
    <script>
        // 核心函数：$()

        // 该函数可以接收参数的类型: 函数，字符串，dom对象
        // 其中字符串还可以细分为: 选择器字符串，代码片段字符串

        // 1. 可以接收函数作为参数
        // 也就是jQuery中的入口函数
        $(function () {
            // 2. 可以接受选择器字符串
            // 将该元素包装成jQuery对象返回给我们
            let $box1 = $(".box1");
            let $box2 = $("#box2");
            console.log($box1);
            console.log($box2);

            // 3. 也可以接收代码字符串
            // 并且会将该代码包装成一个jQuery对象返回给我们
            let $button = $("<button></button>");
            console.log($button);

            // 4. 接收dom对象
            // 同样的会将该dom对象包装成一个jQuery对象返回给我们
            let oSpan = document.getElementsByTagName("span");
            let $span = $(oSpan);
            console.log($span);

        });
    </script>
</head>
<body>
<div class="box1"></div>
<div id="box2"></div>
<span></span>
</body>
</html>

在这里插入图片描述

TomHe789

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery中核心函数接收参数的类型

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery核心函数</title> <script src="../js/jquery-1.11.3.js"></script> ...
复制链接

扫一扫