当前位置:首页 > jquery

jquery $

2026-03-17 11:43:00jquery

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 等:

jquery $

$.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);
    }
});

标签: jquery
分享给朋友:

相关文章

jquery下载

jquery下载

jQuery下载方法 官方下载渠道 访问jQuery官网(https://jquery.com/),点击页面中的“Download”按钮。提供两个版本选择: Production版本:压缩后的精…

jquery 菜鸟

jquery 菜鸟

以下是针对 jQuery 初学者的基础指南,涵盖核心概念和常用操作: jQuery 简介 jQuery 是一个快速、轻量级的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和…

jquery版本

jquery版本

jQuery 的版本历史及当前状态如下: 当前稳定版本 jQuery 的最新稳定版本是 3.6.4(发布于 2023 年 3 月),支持现代浏览器并修复了部分安全问题。 主要版本分支…

jquery特效

jquery特效

jQuery 常见特效实现方法 淡入淡出效果 使用 fadeIn() 和 fadeOut() 方法实现元素的渐显和渐隐效果。可通过参数控制动画持续时间(毫秒)和缓动函数。 $("#element")…

jquery 图表

jquery 图表

jQuery 图表库推荐 jQuery 本身不直接提供图表功能,但可以通过插件或集成其他库实现图表绘制。以下是几种常用的 jQuery 图表解决方案: Chart.js 集成 Chart.j…

锋利的jquery

锋利的jquery

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。其核心特点是“写得更少,做得更多”,适合快速开发动态网…