jQuery中$符号的作用

Posted 2020-10-30 进击的single

jQuery中$符号的作用

1、查找作为jQuery包装器，利用选择器来选择DOM元素（这个也是最强大的功能）

例如：$("table tr:nth-child(even)")

基本过程是利用选择器将dom元素选择出来，然后用jQuery重新新建封装一个类型,这里可以省略new的原因是new也被封装在jQuery构造函数内部，返回值是一个已经封装好的jQuery类型的子对象，因此可以调用$.fn的API

$=window,$=jquery

2、创建DOM元素

利用DOM方法创建元素节点，通常需要将document.createElement()、document.create TextNode()、

appendChild()配合使用，十分麻烦，而jQuery中使用"$"符号可以直接创建DOM元素。

例如：$("<p>how are you?</p>")

以上代码等同于javascript中的如下代码：

var oNewP = document.createElement("p");// 新建节点

var oText = document.createTextNode("这是一个好故事");

oNewP.appendChild(oText);

3、文档就绪处理程序，相当于$(document).ready(...)

例如：$(function(){...}); 里面的函数会在DOM树加载完之后执行

4、实用工具函数，作为几个通用的实用工具函数的命名空间的前缀

简单理解就是jQuery里面定义了几个函数，在调用时要$.函数名（）调用

例如：$.trim(someString)

 

5、扩展jQuery

例如：$.fn.disable = function(){...}

6、使用jQuery和其他库

例如：Prototype库也是使用$符号，jQuery提供noConflict函数避免冲突，jQuery.noConflict();把$符号还原到非jQuery库定义的含义