jQuery的核心函数

最新推荐文章于 2021-05-18 11:06:14 发布

Michael II

最新推荐文章于 2021-05-18 11:06:14 发布

阅读量196

点赞数

分类专栏： JavaScript学习 jQuery学习文章标签： Ajax的核心函数

本文链接：https://blog.csdn.net/YYxiaobao0726/article/details/88106941

版权

jQuery学习同时被 2 个专栏收录

16 篇文章 1 订阅

订阅专栏

JavaScript学习

6 篇文章 0 订阅

订阅专栏

跟着视屏学习了一下jQuery的核心函数，代码很少很容易，部分地方也做好了注释。代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery的核心函数</title>
    <script src="js/jquery.js"></script>
    <script>
        //$():就代表调用jQUery的核心函数

        //1.接收一个函数
        $(function(){
            alert("hello");
            //2.接收一个字符串
            //2.1接收一个字符串选择器
            //返回一个jQuery对象，对象中保存了找到的DOM元素
            var $box1 = $(".box1");
            var $box2 = $("#box2");
            console.log($box1);
            console.log($box2);
            //2.2接收一个字符串代码片段
            //返回一个jQuery对象，对象中保存了创建的DOM元素
            var $p = $("<p> 我是一个段落 </p>")
            console.log($p); 
            $box1.append($p);
            //3.接收一个ＤＯＭ元素
            //会被包装成一个jQuery对象返回给我们
            var  span = document.getElementsByTagName("span");
            console.log(span);

            var $span = $(span);
            console.log("$span");
        })
        
    </script>
</head>
<body>
    <div class="box1"></div>
    <div id="box2"></div>
    <span>我是一个span</span>
</body>
</html>