jQuery中$符号的作用

时间:2022-02-02 07:11:11

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)

jQuery中$符号的作用

5、扩展jQuery

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

6、使用jQuery和其他库

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