当前位置:首页 > jquery

jquery$()

2026-03-17 11:35:47jquery

jQuery $() 函数

jQuery 的核心函数 $() 是 jQuery 库中最常用的函数之一,用于选择 DOM 元素或创建 DOM 元素。它实际上是 jQuery() 的简写形式。

基本用法

$() 函数的主要用途包括:

  • 选择 DOM 元素
  • 创建新的 DOM 元素
  • 将 DOM 元素包装成 jQuery 对象
  • 执行文档就绪回调

选择 DOM 元素

通过传递 CSS 选择器字符串,可以选中匹配的 DOM 元素:

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

创建 DOM 元素

通过传递 HTML 字符串,可以创建新的 DOM 元素:

$('<div>Hello</div>') // 创建一个新的 div 元素
$('<span></span>') // 创建一个新的 span 元素

文档就绪回调

将函数传递给 $() 可以确保代码在 DOM 完全加载后执行:

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

其他用法

$() 还可以接受 DOM 元素或元素数组作为参数,将它们转换为 jQuery 对象:

jquery$()

$(document) // 将 document 对象包装为 jQuery 对象
$(this) // 在事件处理函数中,将当前元素包装为 jQuery 对象

注意事项

  • $ 是 jQuery 的别名,如果与其他库冲突,可以使用 jQuery.noConflict()
  • 选择器返回的是 jQuery 对象,不是原生 DOM 元素
  • 可以使用 .get() 或数组索引获取原生 DOM 元素

标签: jquery
分享给朋友:

相关文章

jquery.js

jquery.js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,用于简化 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它的设计宗旨是“Write Less, Do Mor…

jquery的

jquery的

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它的核心理念是“写得更少,做得更多”(Write Le…

jquery 选择

jquery 选择

jQuery 选择器基础 jQuery 选择器基于 CSS 选择器语法,用于快速定位和操作 DOM 元素。核心语法为 $() 或 jQuery(),括号内传入选择器表达式。 // 选择所有 <…

jquery方法

jquery方法

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

jquery 函数

jquery 函数

jQuery 函数基础 jQuery 是一个快速、简洁的 JavaScript 库,通过封装原生 JavaScript 功能简化 DOM 操作、事件处理、动画等。核心函数 $() 或 jQuery()…

jquery效果

jquery效果

jQuery 动画效果 jQuery 提供了多种内置动画效果,可用于实现平滑的页面交互。常用的方法包括 show()、hide()、toggle()、fadeIn()、fadeOut()、slideU…