当前位置:首页 > jquery

jquery$()

2026-03-17 11:35:47jquery

jQuery $() 函数

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

基本用法

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

jquery$()

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

选择 DOM 元素

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

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

创建 DOM 元素

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

jquery$()

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

文档就绪回调

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

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

其他用法

$() 还可以接受 DOM 元素或元素数组作为参数,将它们转换为 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 简介 jQuery 是一个快速、轻量级的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和…

jquery和vue的区别

jquery和vue的区别

核心设计理念 jQuery是一个基于DOM操作的轻量级JavaScript库,主要用于简化HTML文档遍历、事件处理、动画设计等任务。它采用命令式编程风格,需要手动操作DOM元素。 Vue是一个渐进…

jquery 元素

jquery 元素

jQuery 元素选择与操作 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。以下是 jQuery 中常用的元素选择与操作方法…

下载jquery

下载jquery

下载 jQuery 的方法 官方网站下载 访问 jQuery 的官方网站 https://jquery.com,点击页面上的“Download”按钮。选择压缩版(minified)或未压缩版(unco…

jquery 选中

jquery 选中

jQuery 选中元素的方法 jQuery 提供了多种方式来选中 DOM 元素,以下是一些常用的方法: 通过 ID 选中元素 使用 # 符号加上元素的 ID 来选中特定元素: $('#elemen…