当前位置:首页 > jquery

jquery $.

2026-03-17 10:56:14jquery

jQuery $ 符号的含义

jQuery 的核心特性之一是使用 $ 符号作为 jQuery 的别名。它是一个快捷方式,用于简化代码编写。例如,$('div') 等同于 jQuery('div')

$ 符号的常见用途

选择元素
通过 CSS 选择器选取 DOM 元素:

$('#myId') // 选择 ID 为 myId 的元素
$('.myClass') // 选择所有 class 为 myClass 的元素

创建 DOM 元素
动态创建 HTML 元素:

jquery $.

$('<div>Hello</div>').appendTo('body')

文档就绪事件
确保代码在 DOM 完全加载后执行:

$(function() {
  // DOM 加载完成后执行的代码
})

Ajax 请求
发起异步 HTTP 请求:

jquery $.

$.ajax({
  url: 'api/data',
  method: 'GET'
})

避免 $ 冲突

如果其他库(如 Prototype.js)也使用了 $ 符号,可以通过以下方式释放 jQuery 对 $ 的控制权:

jQuery.noConflict()
// 之后只能使用 jQuery 代替 $
jQuery('#myId').hide()

$ 与 jQuery 的关系

$jQuery 的别名,两者完全等价。以下代码效果相同:

$.ajax === jQuery.ajax // true

扩展 $ 的功能

可以通过 $.fn 扩展 jQuery 的原型方法:

$.fn.myPlugin = function() {
  console.log('Custom plugin')
}
$('#elem').myPlugin()

标签: jquery
分享给朋友:

相关文章

jquery库

jquery库

jQuery 库简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。其核心特点是“Write Less, Do More”,…

jquery教程

jquery教程

jQuery 教程:基础与实用方法 jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。其核心特点是“写得更少…

jquery插件

jquery插件

jQuery 插件开发指南 jQuery 插件是一种扩展 jQuery 功能的模块化方式,允许开发者封装可重用的代码。以下是开发和使用 jQuery 插件的基本方法。 插件基本结构 jQuery 插…

jquery库

jquery库

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

jquery 获取

jquery 获取

jQuery 获取元素的方法 jQuery 提供了多种方法来获取 DOM 元素,以下是常用的几种方式: 通过 ID 获取元素 使用 $("#id") 可以获取指定 ID 的元素。例如: $("#m…

jquery代码

jquery代码

以下是关于jQuery代码的常见用法和示例,涵盖基础操作、事件处理、DOM操作等核心功能: 基础语法 jQuery通过$()函数选择元素,支持CSS选择器语法: // 选择所有<p>元…