符号是什么"/>
【jQuery 教程系列第 6 篇】jQuery 中的 $ 符号是什么
这是【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 代码如下
<body><input id="btn" type="button" value="按钮" /></body>
jQuery 代码如下
$(function (){var $btn = $("#btn");$btn.click(alert("哈哈"));});
需要注意：当你获取的是一个 id 时，不要忘了在 $ 函数的参数中加上 # 符号。
也许你在其它地方见过这种写法
jQuery(function (){});
这是没有问题的，我们来验证一下
jQuery 代码
$(function (){console.log($ === jQuery);});
浏览器运行效果如下
返回的结果是 true，证明两者是相等的。因为写 jQuery 的话太长，所以用了 $ 符号代替。
你的问题得到解决了吗？欢迎在评论区留言。
赠人玫瑰，手有余香，如果觉得文章不错，希望可以给个一键三连，感谢。
技术是一点一点积累的，大神也不是一天就可以达到的。原地不动就是退步，所以每天进步一点点。
结束语
最后，附上一句格言："好学若饥，谦卑若愚"，望共勉。
更多推荐
【jQuery 教程系列第 6 篇】jQuery 中的 $ 符号是什么
发布评论