jQuery核心函数“$();”的使用

jQuery中最常用的函数就是$()函数了，至于为什么是使用这个$符号，之前老师开了个玩笑说：jQuery的开发者接到一个需求，这个需求的内容很简单，但付报酬的方式很奇葩，大体意思是，你在这个项目中用了多少$符号，就给你多少美元。于是就有了使用$符号定义核心函数的jQuery。

前面只是开一个小小的玩笑，下面是最近学习的一些jQuery的知识，在简书上记录一下，方便以后复习。

核心函数的使用

1. 当核心函数传入的参数为方法时，例如：

 $(function(){
     代码;
 });

就相当于告诉浏览器在当前文档加载完成后执行function(){}中的内容。这个代码的作用相当于原生JavaScript代码中的window.onload = function(){ 代码; }。

这段代码也可以这样写，使用$(document).ready();函数：

 $(document).ready(
      function(){
          代码;
      }
);

作用与第一段代码一样，也是声明这段代码在文档完全加载完成后执行。

2. 当核心函数传入HTML字符串作为参数时，例如：

$("<div>......</div>");

核心函数会根据字符串创建jQuery的元素节点对象。

3. 当核心函数传入选择器字符串作为参数时，例如：

$("#id");  // id选择器
$("p");  // 标签选择器
$(".class");  // 类选择器
$("[attribute]");  // 属性选择器
$("[attribute=value]");  // 带有属性值的属性选择器
.................

jQuery会根据特定的选择器选中不同的元素，这样会更方便开发人员操作DOM，简化DOM操作流程。选择器不止上面这些，如果有需要可以去查看jQuery文档，里面有比较详细的介绍。文末会附上jQuery中文文档的链接。

4. 当核心函数传入DOM对象作为参数时，如：

// 获取DOM对象
var domElement = document.getElementById("id");
// 将DOM对象作为参数传给jQuery核心函数
$(domElement);

这时jQuery会将domElement（DOM对象）包装成jQuery对象并返回。

核心函数的常用内容不是很多，但要想熟练运用还需要多加练习。

附：jQuery中文文档链接：http://jquery.cuishifeng.cn/