您当前的位置: 首页 >  jquery

Allen Su

暂无认证

  • 3浏览

    0关注

    431博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

【jQuery 教程系列第 6 篇】jQuery 中的 $ 符号是什么

Allen Su 发布时间:2020-01-30 17:07:43 ,浏览量:3

这是【jQuery 教程系列第 6 篇】,如果觉得有用的话,欢迎关注专栏。

学习 jQuery ,那么你肯定见过 $ 这个符号,不过这个符号到底是什么意思呢 。

我们先通过 typeof 函数查看一下,如下代码

    $(function ()
    {
        console.log(typeof $);
    });

浏览器运行效果如下 在这里插入图片描述 可以看到,$ 符号的本质其实就是一个函数。

只不过这个函数的参数有多种,下面就简单说一下 $ 常用的三个功能。

功能一:当做入口函数

如下代码所示

    $(function ()
    {

    });

这是 jQuery入口函数的写法之一,这个没有什么可争议的,王八的屁股——“规定”。

功能二:将 DOM 对象转换为 jQuery 对象

如下代码所示

    $(function ()
    {
        var btn = document.getElementById("btn"); // 一个 DOM 对象
        var $btn = $("btn"); // 通过 $ 将 DOM 对象转换为 jQuery 对象
    });

使用的时候只需要将 DOM 对象当作一个参数传给 $ 函数即可。

知道了这个,jQuery 入口函数的另外一种写法你也就明白了,如下代码所示

    $(document).ready(function ()
    {

    });

先将 document 传给 $ ,因为只有 jQuery 对象才可以调用 ready() 方法。

功能三:当参数是字符串时,用来获取对象

HTML 代码如下

	
    	
	

jQuery 代码如下

    $(function ()
    {
        var $btn = $("#btn");
        $btn.click(alert("哈哈"));
    });

需要注意:当你获取的是一个 id 时,不要忘了在 $ 函数的参数中加上 # 符号。

也许你在其它地方见过这种写法

    jQuery(function ()
    {

    });

这是没有问题的,我们来验证一下

jQuery 代码

    $(function ()
    {
        console.log($ === jQuery);
    });

浏览器运行效果如下 在这里插入图片描述 返回的结果是 true,证明两者是相等的。因为写 jQuery 的话太长,所以用了 $ 符号代替。

你的问题得到解决了吗?欢迎在评论区留言。

赠人玫瑰,手有余香,如果觉得文章不错,希望可以给个一键三连,感谢。

结束语 技术是一点一点积累的,大神也不是一天就可以达到的。原地不动就是退步,所以每天进步一点点。 最后,附上一句格言:"好学若饥,谦卑若愚",望共勉。
关注
打赏
1656491068
查看更多评论
立即登录/注册

微信扫码登录

0.0384s