jquery文档官网

jQuery在线文档详解

jQuery是一个快速、简洁的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互等操作，jQuery的目标是让HTML DOM操作、事件处理和动画变得更加简单快捷，jQuery的设计思想是“write less, do more”，即用更少的代码完成更多的功能。

1、下载与引入

要使用jQuery，首先需要下载并引入jQuery库，可以从官方网站（https://jquery.com/）下载最新版本的jQuery库，或者通过CDN引入，引入方式如下：

<!-- 下载并引入本地jQuery库 -->
<script src="path/to/jquery.min.js"></script>
<!-- 通过CDN引入jQuery库 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

2、选择器

jQuery提供了丰富的选择器，可以方便地选取HTML元素，常用的选择器有：

- ID选择器：$("#id")

- 类选择器：$(".class")

- 元素选择器：$("element")

- 属性选择器：$("[attribute]")

- 子元素选择器：$("#parent > child")

- 后代选择器：$("#ancestor descendant")

- 过滤选择器：$("selector:first")、$("selector:last")、$("selector:not(selector)")等

3、HTML操作

jQuery提供了丰富的API用于操作HTML元素，如：

- append()：向元素的内部追加内容

- prepend()：向元素的外部追加内容

- after()：在元素的内部插入内容

- before()：在元素的外部插入内容

- remove()：删除元素及其内容

- empty()：清空元素的内容

- html()：获取或设置元素的HTML内容

- text()：获取或设置元素的文本内容

- attr()：获取或设置元素的属性值

- addClass()、removeClass()、toggleClass()：添加、删除或切换元素的类名

- css()：获取或设置元素的样式属性值

4、事件处理

jQuery提供了丰富的事件处理方法，如：

- click()：绑定点击事件

- dblclick()：绑定双击事件

- hover()：绑定鼠标悬停事件

- focus()、blur()：绑定焦点事件

- keydown()、keyup()、keypress()：绑定键盘事件

- change()：绑定表单元素值改变事件

- submit()、ajaxSubmit()：绑定表单提交事件

- load()：绑定页面加载完成事件

- ready()：绑定文档就绪事件

- on()：绑定自定义事件

5、动画效果

jQuery提供了丰富的动画方法，如：

- show()、hide()：显示或隐藏元素

- fadeIn()、fadeOut()：淡入淡出元素

- slideDown()、slideUp()、slideToggle()：滑动显示或隐藏元素

- animate()：自定义动画效果

6、Ajax交互

jQuery提供了丰富的Ajax方法，如：

- $.get()、$.post()：发送GET或POST请求

- $.getJSON()、$.getScript()：发送JSON或脚本请求

- $.ajaxSetup()：设置Ajax全局选项

- $.ajaxPrefilter()、$.ajaxTransport()、$.ajaxSetup()、$.ajaxStart()、$.ajaxStop()、$.ajaxError()：自定义Ajax行为