jQuery选择器和属性选择器

jQuery对象是一个列表，可以包含很多，也可以包含一个元素，所有的DOM方法，jQuery对象都不能使用。

DOM对象是一个对象，只能是一个对象，所有的jQuery方法DOM都不能使用。

jQuery常用方法
当使用jQuery，我们都转换为jQuery使用，尽量不使用DOM
$(“div”).html(""); 添加html
$(“div”).text(""); 添加文本
$(“div”).width(100); 设置div的行内样式width
$(“div”).height(100); 设置div的行内样式height
$(“div”).css(“color”,“red”); 设置div的行内样式
$(“div”).on(“click”,clickHandler); 给所有div添加点击事件侦听
$(“div”).off(“click”,clickHandler); 给所有div删除点击事件侦听

选择器

1.标签名选择器
$(“div”); 按照标签名称将元素放在一个列表中，这个列表就是jQuery对象
$(“div”).html(“1”); 给这个div标签列表里的每一个div里添加超链接并放置内容1

2.id名选择器
$("#div1").css(“color”,“red”); 给id名为div1的元素添加字体为红色的样式

3.class名选择器
$(".divs").css("color","red"); 给class名为divs的元素添加字体为红色的样式 console.log($(".divs").css("color","red");给class名为divs的元素添加字体为红色的样式console.log((“div.divs”)); 选择div标签中class是divs的所有元素
console.log( $("div .divs")); 选择div标签后代中class是divs的元素 console.log($("div.divs"));选择div标签后代中class是divs的元素console.log((“div”).find(".divs")); 等同于$(“div .divs”)

4.通配符选择器
*
例：console.log( $("div>*").length); 所有div的子代有多少个元素 console.log($("div>∗").length);所有div的子代有多少个元素console.log((“div *”)); div下的所有子元素

5.群组选择器
div,span 意思是div和span
例：console.log( $(“li,div”)); 选择所有标签名为li和div的列表

6.后代选择器
div span 意思是div下的所有后代span（包括儿子辈孙子辈等）
例：console.log( $("ul div")); 选择ul下所有后代标签名为div的列表 console.log($("uldiv"));选择ul下所有后代标签名为div的列表console.log((“div”).children(“span”)); 等同于$(“div>span”);

7.子代选择器
div span 意思是div下的所有子代span（只包括儿子辈）
例：console.log( $(“li>div”)); 选择li下所有子代标签名为div的列表

8.兄弟选择器
1）div+span 紧邻的下一个兄弟选择器
例：KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲li0+").css("col…("#li0+*").css(“color”,“red”);

2）div~span div下面的所有兄弟选择器

9.nextUntil,prev,prevAll,prevUntil,sibling

属性选择器