jquery基本知识点的总结（一）-优快云博客

本文介绍了Jquery这一轻量级JavaScript库的基本概念及其特点，包括简洁高效的HTML文档操作、事件控制、页面动画及Ajax交互等功能。同时，还详细解释了如何引入Jquery库，并对比了window.onload与Jquery中ready方法的区别。此外，文章还涵盖了DOM对象与Jquery对象的相互转换方法以及Jquery选择器的基础用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、理论
Jquery是轻量级的语言，它能够很快速、简洁地处理HTML文档、控制事件、给页面添加动画和Ajax效果等，总之一句话：jquery是写的代码少，而实现的功能多。

二、简述
使用jquery之前必须先引入jquery的js文件，如下：
<script type="text/javascript" src="./js/jquery-1.4.4.js"></script>
window的onload事件与jquery中的ready方法都有在页面加载的时候执行方法里的代码，他们之间的不同点是：window.onload = function(){}方法在加载html 并且加载外部所有的引用文件(图片,css样式,js等。而jquery的ready方法，不加载外部的引用文件。
3、DOM对象是不能使用Jquery中的方法的. JQuery中的对象是不能使用DOM对象的方法。因此他们之间可以相互转化。
DOM对象转换成Jquery对象的方式：var $document=$(document)（$是jQuery的别名），对于一个DOM对象只需要使用$(DOM对象)即可转换成一个Jquery对象。
Jquery对象转换成DOM对象的方式： var domObject = $("#thed")[index]或 var domObject = $("#thed").get(index)

三、jquery中的选择器

基本
* 匹配所有的元素
.className匹配所有的className相同的元素
#idName 匹配idName的元素
, 用英文逗号区分并列的关系
Element 直接写element的名字，如：$(tr)，并匹配所有的element

层级
Space 表示祖先与子孙的关系
> 表示父亲与孩子的关系
+ 表示自己的下一个关系
~ 表示自己的下一个兄弟的关系

简单
:equest(index) 返回匹配一个给定索引值的元素
:frist() 返回匹配找到的第一个元素
:last() 返回匹配找到的最后一个元素
:gt(index) 返回匹配所有大于给定索引值的元素
:lt(index) 返回匹配所有小于给定索引值的元素
:even 匹配所有索引值为偶数的元素，从 0 开始计数
:odd 匹配所有索引值为奇数的元素，从 0 开始计数
:header 匹配如 h1, h2, h3之类的标题元素
:not(selected) 删除与指定表达式匹配的元素