jQuery中$符号的作用

Posted 进击的single

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery中$符号的作用相关的知识,希望对你有一定的参考价值。

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库定义的含义

以上是关于jQuery中$符号的作用的主要内容,如果未能解决你的问题,请参考以下文章

jquery里面的美元符号代表啥?

西班牙语(ó、í 等)的 JQuery 标点符号在 IE8 中不起作用

jQuery常见面试题

为命名函数启用 jQuery "$" 符号

Jquery的命名冲突

jquery 面试笔记一