jQuery学习笔记02-核心函数

最新推荐文章于 2024-04-13 00:49:14 发布

weeds606

最新推荐文章于 2024-04-13 00:49:14 发布

阅读量108

点赞数

本文链接：https://blog.csdn.net/doulihang/article/details/100084947

版权

前端相关专栏收录该内容

42 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery核心函数</title>
    <script src="jQuery/jquery-1.12.4.js"></script>
    <script>
        // 1.接收一个函数，作为入口函数
        $(function () {
            alert("test")
        //    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接收一个DOM元素
        //    将接收的DOM元素包装成一个jQuery对象
            var span = document.getElementsByTagName("span")[0];
            console.log(span);
            var $span = $(span);
            console.log($span);
        });

    </script>
</head>
<body>
<div class="box1"></div>
<span>我是span</span>
<div class="box2"></div>
</body>
</html>

weeds606

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery学习笔记02-核心函数

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

扫一扫

专栏目录