jquery $
jQuery 中的 $ 符号
$ 是 jQuery 的核心标识符,它是 jQuery 的别名。在 jQuery 中,$ 是一个函数,用于选择 DOM 元素或创建 jQuery 对象。它的主要功能包括选择元素、创建元素、绑定事件等。
基本用法
使用 $ 选择元素时,可以传入 CSS 选择器或 DOM 元素。例如:
$('#myElement') // 选择 ID 为 myElement 的元素
$('.myClass') // 选择所有 class 为 myClass 的元素
$('div') // 选择所有 div 元素
创建元素
$ 也可以用于动态创建 HTML 元素。例如:
var newDiv = $('<div>Hello, world!</div>');
$('body').append(newDiv); // 将新创建的 div 添加到 body 中
文档就绪事件
$ 常用于包裹文档就绪事件,确保代码在 DOM 完全加载后执行:
$(document).ready(function() {
// DOM 完全加载后执行的代码
});
// 简写形式
$(function() {
// DOM 完全加载后执行的代码
});
避免冲突
如果其他库也使用了 $ 符号,可以通过 jQuery.noConflict() 释放 $ 的控制权:
var jq = jQuery.noConflict();
jq('#myElement').hide(); // 使用 jq 代替 $
链式调用
jQuery 的 $ 支持链式调用,可以在一个语句中执行多个操作:
$('#myElement').css('color', 'red').fadeOut(1000);
扩展功能
可以通过 $.fn 扩展 jQuery 的功能,添加自定义方法:
$.fn.highlight = function() {
this.css('background-color', 'yellow');
return this; // 保持链式调用
};
$('#myElement').highlight();
实用工具方法
$ 还提供了一些实用工具方法,例如 $.each、$.ajax 等:

$.each([1, 2, 3], function(index, value) {
console.log(index + ': ' + value);
});
$.ajax({
url: 'https://api.example.com/data',
method: 'GET',
success: function(response) {
console.log(response);
}
});






