06-jQuery核心函数

杨亚仑

于 2018-10-06 12:37:29 发布

阅读量88

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery入门练习

本文链接：https://blog.youkuaiyun.com/yangyalun/article/details/82950264

jQuery入门练习专栏收录该内容

60 篇文章

订阅专栏

本文深入讲解jQuery核心函数的使用，包括接收函数、字符串选择器、字符串代码片段及DOM元素等不同参数类型，并演示如何返回jQuery对象，适用于前端开发人员学习与参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

感想：

在jquery使用中，接收的大多是选择器，还有字符串片段和DOM元素，并且返回的是jquery对象。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06-jQuery核心函数</title>
    <script src="JS_file/jquery-1.12.4.js"></script>
    <script>
        //$()代表调用jQuery的核心函数
        //1.接收一个函数
        $(function () {
            alert("hello world")
            //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元素
            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>