jQuery基础教程：从入门到精通
需积分: 5 158 浏览量
更新于2024-06-21
收藏 15.16MB PDF 举报
"jQuery基础笔记-1"
这篇文档是一份关于jQuery基础知识的笔记，涵盖了jQuery的概述、基本使用方法以及常用的API。jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。这份笔记主要分为三个部分：jQuery的概述、基本使用和常见API。
1. jQuery概述
jQuery是由John Resig在2006年创建的，它的核心理念是“Write Less, Do More”。jQuery通过提供简洁的API，使得开发者能够更快速、更容易地编写复杂的网页交互。
2. jQuery基本使用
- jQuery下载：jQuery库可以通过官方网站或者其他CDN（内容分发网络）获取，通常将其链接引入HTML文件的`<head>`部分。
- jQuery入口函数：`$(document).ready(function() {...})`或简写形式`$(function() {...})`用于在页面加载完成后执行代码。
- jQuery的顶级对象$: `$`符号是jQuery的别名，用于调用jQuery函数和方法。
- jQuery对象和DOM对象：jQuery对象是对一组DOM元素的封装，可以使用`.get()`或`[index]`转换为DOM对象。
3. jQuery常用API
- jQuery选择器：类似于CSS选择器，用于选取HTML元素，如`$("#id")`选取ID为指定值的元素，`$(".class")`选取所有类名为指定值的元素。
- 设置样式：使用`.css()`方法可以设置或获取元素的样式，例如`$("div").css("color", "red")`将所有`div`元素的颜色设为红色。
- 隐式迭代：jQuery方法通常会应用于所有匹配的选择器元素，如`$("p").hide()`会隐藏所有段落。
- 筛选选择器：`.first()`, `.last()`, `.eq(index)`等用于选取特定位置的元素，`.not(selector)`排除某些元素。
- 排他思想：`.siblings()`, `.parent()`, `.children()`等方法用于选取相关元素，`.index()`返回元素在兄弟元素中的索引位置。
- 样式操作：`.addClass()`, `.removeClass()`, `.toggleClass()`用于添加、移除或切换元素的类样式。
- 效果：`.show()`, `.hide()`, `.slideToggle()`控制元素的显示和隐藏，`.fadeIn()`, `.fadeOut()`实现淡入淡出效果，`.animate()`创建自定义动画。
- 属性操作：`.attr(attributeName)`, `.removeAttr(attributeName)`读取或移除固有属性，`.data(key, value)`用于存储和检索数据，`:checked`选择器选取已勾选的复选框或单选按钮。
- 内容文本操作：`.html()`, `.text()`, `.val()`用于获取或设置元素的内容、文本或值。
- 元素操作：`.each(function(index, element))`遍历元素，`.append()`, `.prepend()`, `.remove()`用于添加、插入或删除元素。
这份笔记详细讲解了jQuery的基本概念和常用功能，对于初学者来说，是学习jQuery的宝贵资料。通过学习这些内容，开发者可以更高效地进行网页开发，实现丰富的交互效果。
2.4 jQuery
对
象
和
DOM
对
象
剩余19页未读，继续阅读
2019-03-16 上传
2021-04-28 上传
2013-07-12 上传
2021-05-23 上传
2015-08-03 上传
