jQuery基础选择器

       最近小白开始学习jQuery，也是通过看视频进行学习，来总结一下自己的学习内容，如果有不足或者出错的情况，还请在积极评论指出，相互学习。

     总结一下jQuery中的基础选择器

目录

    All Selector（‘*’）

   Class Selector（“.class”）

   Element Selector("element")

   ID Selector("#id")

   Multiple Selector("selector1","selector2"...)

---

    All Selector（‘*’）

        通配符选择器，作用是选择Dom文档中的所有元素。

        语法：jQuery('*')或者$('*')

        特别注意的是：实践证明，由于使用通配符选择器取得的是所有元素，因此you有的浏览器将会比较缓慢，会影响浏览器运行效率，所以这个选择器还是要慎用。

console.log($("*"));       //这个选择器选择的包括html、body、head标签

   Class Selector（“.class”）

类选择器，作用是：选择给定样式类名的所有元素。

语法：jQuery(".class")或者$(".class")

注意：选择的是一个类名，不要忘记加类名前面的点。

$('.box')   //选择的是所有含有box类名的Dom元素，返回的是jQuery对象

   Element Selector("element")

元素选择器，作用是：选择指定标签名称的所有元素

语法：jQuery("element")或者$("element")

$("div")    //选择所有的div元素，返回一个jQuery对象

   ID Selector("#id")

ID选择器，作用是：选择给定ID的Dom元素

语法：jQuery（"#ID"）或者$("#ID")

注意：使用ID选择器不要忘记ID名称前面的#，这个是同JavaScript一样选择的是单个元素。

$("#p")    //返回选择的元素

   Multiple Selector("selector1","selector2"...)

这个选择器它的参数可以是多个选择器，作用是：将每个选择器匹配到的元素合并后一起返回

语法：jQuery("selector1","selector2","selector3"...)或者$("selector1","selector2"...)

注意：多个选择器匹配到的元素合并后一起返回，已经选择的Dom元素不再选择

$("div",".box"."#p");

主页传送门