jQuery中$符号的作用

本文详细介绍了jQuery中$符号的功能,包括选择DOM元素、创建DOM元素、文档就绪处理程序、实用工具函数、扩展jQuery及与其他库的兼容使用。通过具体示例帮助读者更好地理解和运用这些功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

转载于:https://www.cnblogs.com/shuen/p/8777966.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值