学习 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 时,不要忘了在 $ 函数的参数中加上 # 符号。
如果这篇博客有幸帮到了您,欢迎点击下方链接,和更多志同道合的伙伴一起交流,一起进步。
结束语