第一讲 讲过id 选择器 再加上 上面几节 的内容 相信 现在 带点速度 讲选择器 相信应该不是很困难
还是老规矩,有问题了就问,看不懂了,跟不上了就说
----------------------------------------------------------------开讲----------------------------------------------------------------
在 我个人的总结大纲里,将选择器分为了 四大类,分别是,CSS 选择器,层级选择器,XPath 选择器,
和其他选择器
第一节的 id 选择器 为 CSS 选择器中的一种~ !! 今天 我会讲一下 CSS 选择器 的其他几种
他们为 类别选择器,元素选择器,多选选择器,和 所有选择器!今天 尽量将,能将多少讲多少,讲不完,
明天继续
类别选择器:根据元素 便签内 class 属性值进行选取元素!也就是俗称的 样式! 举个例子! 在日常开发中 经常会遇到加边框的需求!一个页面里,div了,table了,td了 都要有相同的边框! 通常的处理方法是 都加一个 class 属性,引同一个 样式! 那么 现在 我们要得到这些元素怎么办呢~~ 一个个 id的去得,显然 不明智(用不明智,是说明,用id不是不可以,就是有的~…… 如果你有时间,
有精力,我也不反对) 所以这个时候 我们就需要用 类别选择器 了~ 他的语法为 $(".类别名") 其中 类别名 为 标签中 class属性的值, 一个元素可以有多个类,只要有一个符合就能被匹配到。 . 我用的字体大点,省的被人忽略了~~ 如果有人问 为什么有个. ,那么请你抬头,看看上面的 样式表中 是不是用. 名字 来个 class属性加样式的~ 如果理解为 . 对应class 也可以,就相当于 # 对应 id 一样
接下来的 说的是 元素选择器 这个 应该是最好理解的了~ 说的简单点,就是 页面中你看到有什么标签,你就可以匹配他 他的语法为 语法$("元素名") 看过这个语法 应该能理解 类别选择器 我为什么强调 这个. 了吧~~ 如果不加点,就变成 选择 标签了,那自然是匹配不到的了~
CSS 选择器 ,在 JQ 中算是很简单的东西了,就那么几种,基本上 看一遍就会记住了
现在 来说 最后两种 CSS 选择器 吧
其实,把最后两种归为有一些牵强吧!不过既然这么规划了,就这么讲吧!
多选选择器 顾名思义,就是一次我多选几种东西!也就是我一次匹配多个选择器! 他的语法为 $("选择器1,选择器2,选择器N") 这里值得说明的就是那个 选择器N !他的意思就是可以无限重复!你可以写任意多的选择器,
只要通过英文逗号的连接就可以! 再有一点就是,这里面每个选择器的结果,最后取得不是交集,而是并集~!
所以,选择器写的越多,匹配到底元素就越多!
最后要讲的是 所有选择器 这个 也不用 在解释什么了,就是选所有的元素~ 结合前面的 知识,现在所学的 所有选择器 所能匹配到的就是 页面内所有的元素! 在以后的学习中 也可以用来匹配 所有子 什么的,这个到时候再说吧~~! 他的匹配也是有顺序的~ 具体顺序如下图:
白话了半天 差点忘了 他的语法了~ 语法 $("*") * 就是* ,键盘数字区第一排第三个,字母区 Shift+8的那个* 可能有人发现了 * 这个 通配符,在很多地方都是 匹配所有的意思,这个我也就不细说了~
今天的东西就这么多了~~ 最后要抢到的是 JQ 匹配到的 都是 JQ 对象
如果 有人 给我写
问我为啥不好使,可别怪我 不告诉你 |