当前位置:首页 > 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:压缩版(mini…

锋利的jquery

锋利的jquery

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

js jquery

js jquery

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够…

jquery方法

jquery方法

jQuery 核心方法 $() 或 jQuery() 是核心选择器方法,用于获取 DOM 元素或创建 jQuery 对象。支持 CSS 选择器、DOM 元素或 HTML 字符串。 $('#id'…

jquery表单

jquery表单

jQuery 表单操作 jQuery 提供了丰富的 API 用于表单操作,包括表单元素的选择、值获取与设置、事件处理等。 表单元素选择 使用 jQuery 选择器可以方便地选取表单元素: // 选…

jquery时间

jquery时间

jQuery 时间处理 jQuery 本身不提供专门的时间处理函数,但可以通过 JavaScript 的 Date 对象结合 jQuery 的事件和方法来实现时间操作。以下是常见的时间处理需求及实现方…