【Jquery-01】jq的入口函数以及基本使用以及jq常用选择器

本文介绍jQuery的基础使用，包括选择器、隐式迭代及筛选方法等内容。详细解释了如何将DOM对象转换为jQuery对象，反之亦然，并提供了jQuery筛选选择器和方法的具体示例。

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

jQuery就是一个javaScript库

$的意思是jQuery，是jq中的顶级对象，类似于BOM中的window

jQuery对象本质是：利用$对DOM对象包装后产生的对象（伪数组形式存储）

$(function (){
	//DOM加载完成的入口函数
})

$(function (){
//这是jq的入口函数
})

1.等着 DOM 结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，jQuery 帮我们完成了封装。
2.也是等待节点加载完成之后才开始执行，但是不会等待图片加载完成
3.不同于原生 js 中的 load 事件是等页面文档、外部的 js 文件、css文件、图片加载完毕才执行内部代码。

**注意：**只有jQuery对象才能使用jQuery方法，DOM对象则使用原生的javaScript方法

DOM对象和jQuery对象之间是可以互换的，因为原生js比jQuery更加强大，所以要想使用这些属性和方法需要叭jQuery对象转化成DOM对象才能使用。

$(DOM对象)

$(“div”)[index]:index是索引号

$(“div”).get(index) index是索引号

原生js获取元素方式很多，jQuery获取元素的统一标准

$("选择器"); //里面选择器直接写css选择器即可，但是要加引号

名称	用法	描述
ID选择器	$(“#id”)	获取指定ID的元素
全选选择器	$(“*”)	匹配所有元素
类选择器	$(“.class”)	获取同一类class元素
标签选择器	$(“div”)	获取同一类标签的所有元素
并集选择器	$(“div,p,li”)	选取多个元素
交集选择器	$(“li.current”)	交集元素
子代选择器	$(“ul>li”)	使用>号获得儿子层级的元素，注意并不会获取孙子层级
后代选择器	$(“ul li”)	使用空格，代表后代选择器，获取ul下面的所有里，包含孙子节点

$(“div”).css(“属性”,“值”)

遍历内部DOM元素（伪数组形式存储）的过程叫做隐式迭代

简单理解：给匹配到的所有元素进行循环遍历，执行相应的方法，而不用我们再循环，操作简单方便利用

语法	用法	描述
:first	$(‘li:first’)	获取第一个li元素
:last	$(‘li:last’)	获取最后一个li元素
:eq(index)	$(‘li:eq(2)’)	获取到的li元素中，选择索引号为2的元素，索引号index从0开始
:odd	$(‘li:odd’)	获取到的li元素中，选择索引号为奇数的元素
:even	$(“li:even”)	获取到的li元素中，选择索引号为偶数的元素

语法	用法	说明
parent()	$(“li”).parent();	查找父级
children(selector)	$(“ul”).children(“li”);	相当于$(“ul>li”)，最近一级（亲儿子）
find(selector)	$(“ul”).find(“li”);	相当于$(“ul li”)，后代选择器
siblings(selector)	$(“.first”).siblings(“li”)	查找兄弟节点，不包括自己本身
next()	$(“ul”).next()	获得ul下一个兄弟节点
nextAll([expr])	$(“.first”).nextAll();	查找点前元素之后的所有同辈元素
prev()	$(“ul”).prev()	获取ul的上一个兄弟节点
prevtAll([expr])	$(“.last”).prevAll()	查找当前元素之前的所有同辈元素
hasClass(class)	$(“div”).hasClass(“protected”);	检查当前的元素是否含有某个特定的类，如果有，则返回true
eq(index)	$(“li”).eq(2)	相当于$(“li:eq(2)”),index从0开始
lt(index)	$(“ul li:lt(index)”)	匹配小于给定索引值的元素
gt(index)	$(“ul li:gt(index)”)	匹配所有大于给定索引值的元素