在jquery中 $
jQuery 中的 $ 符号
在 jQuery 中,$ 符号是 jQuery 的别名,用于简化代码书写。它是一个全局变量,代表 jQuery 库的核心功能。通过 $,可以快速访问 jQuery 的方法和功能。
主要用途
-
选择元素
$用于选择 DOM 元素,类似于document.querySelectorAll,但返回的是 jQuery 对象。
示例:$('div') // 选择所有 div 元素 -
创建 DOM 元素
可以通过传递 HTML 字符串创建新的 DOM 元素。
示例:$('<div>Hello</div>') // 创建一个新的 div 元素 -
文档就绪事件
使用$(document).ready()或简写$()确保代码在 DOM 加载完成后执行。
示例:$(function() { console.log('DOM 已加载'); }); -
调用 jQuery 方法
$返回的 jQuery 对象可以链式调用其他 jQuery 方法。
示例:$('div').hide().fadeIn();
避免冲突
如果其他库也使用了 $ 符号(如 Prototype.js),可以通过 jQuery.noConflict() 释放 $ 的控制权。之后只能使用 jQuery 代替 $。
示例:
var jq = jQuery.noConflict();
jq('div').hide();
与其他库共存
在需要同时使用 jQuery 和其他库时,可以通过闭包或立即执行函数(IIFE)避免冲突。
示例:

(function($) {
// 在这里 $ 仍然是 jQuery 的别名
$('div').hide();
})(jQuery);
总结
$ 是 jQuery 的核心标识符,用于简化代码并快速访问 jQuery 功能。它的主要用途包括选择元素、创建 DOM 元素、处理文档就绪事件以及链式调用方法。在多库环境中,可以通过 noConflict 或闭包避免命名冲突。






