jQuery核心函数

最新推荐文章于 2021-07-15 11:05:48 发布

かか.....

最新推荐文章于 2021-07-15 11:05:48 发布

阅读量152

点赞数 1

文章标签： jQuery

本文链接：https://blog.csdn.net/weixin_44578639/article/details/89766419

版权

$();就代表调用jQuery的核心函数

1. 可以接收一个函数

例(function 入口函数)

        $(function(){
            alert ("hello");
        });

可以接收一个字符串
2.1接收一个字符串选择器
注:只有在入口函数里面才能拿到DOM元素
返回的

<head>
    <script>
        $(function(){
            var $box1 = $(".box1");
            var $box2 = $("#box2");
            console.log($box1);
            console.log($box2);
        });
   </script>
</head>

<body>
<div class ="box1"></div>
<div id = "box2"></div>
</body>

F12查看log
在这里插入图片描述
2.2接收一个代码片段
返回一个jQuery对象，对象中保存了创建的DOM元素，

<head>
    <script>
        $(function(){
            var $box1 = $(".box1");
            var $p = $("<p>我是一个段落</p>");
            console.log($p);
            $box1.append($p);
        });
	 </script>
</head>

<body>
<div class ="box1"></div>
</body>

在这里插入图片描述
3接收一个DOM元素
会被包装成一个jQuery对象返回给我们。

<body>
<span>我是一個spanDOM元素</span>
</body>

        $(function(){
            var span = document.getElementsByTagName("span")[0];
            //原生js取得的
            console.log(span);
            var $span = $(span);
            //将js取得的原生dom元素传递给jQuery的核心函数，他会把原生的dom元素包装成一个jQuery对象；
            console.log($span);
        });

在这里插入图片描述

かか.....

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery核心函数

$();就代表调用jQuery的核心函数1. 可以接收一个函数例(function 入口函数) $(function(){ alert ("hello"); });可以接收一个字符串2.1接收一个字符串选择器注:只有在入口函数里面才能拿到DOM元素返回的<head> <script> ...
复制链接

扫一扫