jQuery学习笔记02-核心函数

柔光的暖阳◎ 2024-04-17 06:26 62阅读 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>

发表评论取消回复

表情：

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

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

相关阅读

相关 jQuery学习笔记02-核心函数

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...

柔光的暖阳◎/ 2024年04月17日 06:26/ 0 赞/ 63 阅读

相关 02章-引用--C++核心知识学习笔记

[02章-引用--C++核心知识学习笔记][02_-_--C] 2 引用 2.1 引用的基本使用作用：给变量起别名语法：`数据类型 &别名 = 原名`

ゝ一纸荒年。/ 2024年03月16日 22:10/ 0 赞/ 52 阅读

相关 Ajax和JSON-学习笔记02【JQuery方式实现Ajax】

> [Java后端学习路线笔记汇总表【黑马程序员】][Java_ _] > > 1. [Ajax和JSON-学习笔记01【原生JS方式实现Ajax】][Ajax_

秒速五厘米/ 2022年10月30日 13:24/ 0 赞/ 192 阅读

相关 JQuery-学习笔记02【基础——JQuery选择器】

> [Java后端学习路线笔记汇总表【黑马程序员】][Java_ _] > > 1. [JQuery-学习笔记01【基础——JQuery基础】][JQuery-_

一时失言乱红尘/ 2022年10月30日 09:28/ 0 赞/ 202 阅读

相关 mybatis学习笔记-02

mybatis学习笔记-02 增删改查功能实现 1.通过id查询用户 Dao接口：UserMapper Us

痛定思痛。/ 2022年09月16日 06:16/ 0 赞/ 205 阅读

相关 Docker学习笔记02

Docker学习笔记02 Docker镜像详解 UnionFS（联合文件系统） Docker镜像加载原理 commit 镜像

亦凉/ 2022年09月04日 06:45/ 0 赞/ 236 阅读

相关 jQuery的核心函数

跟着视屏学习了一下jQuery的核心函数，代码很少很容易，部分地方也做好了注释。代码如下： <!DOCTYPE html> <html lang="en">

我不是女神ヾ/ 2022年03月14日 10:26/ 0 赞/ 154 阅读

相关 jQuery学习-day02

静态方法和实例方法 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title>

ゝ一纸荒年。/ 2021年11月14日 13:42/ 0 赞/ 401 阅读

相关学习笔记 02----学习C#

首先十分感谢123ABC在博客园-.NET新手小组的资料上传，本人正在自学123ABC提供的《C\语言参考》。以下都是本人的自学笔记。规范的“Hello,World”

绝地灬酷狼/ 2021年11月01日 10:34/ 0 赞/ 386 阅读

相关人工智能学习笔记----02

人工智能学习笔记----02 文章目录人工智能学习笔记----02 一、人工智能、机器学习、深度学习二、一

快来打我*/ 2021年09月09日 07:26/ 0 赞/ 462 阅读