10.21JQuery学习

JQuery 对象和 DOM 对象

var myDiv = document.querySelector('div');

$('div');

JQuery 基础选择器

名称	用法
ID 选择器	$(“#id”)	获取指定 id 的元素
全选选择器	$(‘*’)	获取所有的元素
类选择器	$(“.class”)	匹配同一类 class 的元素
标签选择器	$(“div”)	匹配同一标签的所有元素
并集选择器	$(“div,p,span”)	选取多个元素
交集选择器	$(“div.p.span”)	交集元素

层级选择器

$("ul li")//后代选择器--->选取所有的后代元素
$("ul>li")//子代选择器--->只选取子代元素
//隐式迭代
$("div").css("background","pink");

隐式迭代
把匹配的所有的元素内部都进行遍历,给每个元素添加 CSS 这个方法

筛选选择器

语法	用法	解释
: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 元素中,选择索引号 为偶数的元素