jquery中的jquery

jQuery中的jQuery

jQuery是一个快速、简洁的JavaScript库，简化了HTML文档遍历、事件处理、动画和Ajax交互。jQuery的核心是jQuery函数，通常用$符号作为别名。

jQuery函数的基本用法

jQuery函数（或$）主要用于选择DOM元素或创建DOM元素。以下是常见的用法：

// 选择DOM元素
$('#id') // 通过ID选择元素
$('.class') // 通过类名选择元素
$('div') // 通过标签名选择元素

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

jQuery对象的特性

调用jQuery函数返回的是一个jQuery对象，它包含一组DOM元素并提供了一系列方法操作这些元素。例如：

// 操作DOM元素
$('.class').hide() // 隐藏所有匹配的元素
$('#id').css('color', 'red') // 修改元素的CSS样式

jQuery与其他库的冲突

如果其他JavaScript库也使用了$符号，可以通过jQuery.noConflict()方法释放$的控制权：

var jq = jQuery.noConflict() // 现在使用jq代替$
jq('#id').hide()

jQuery的链式调用

jQuery方法通常返回jQuery对象本身，支持链式调用：

$('#id').css('color', 'red').slideUp().slideDown()

jQuery的文档就绪事件

使用jQuery函数可以确保代码在DOM完全加载后执行：

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

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