欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

《JQuery 能干点啥~》第6讲 CSS 选择器

程序员文章站 2022-03-01 20:33:27
...

 

第一讲 讲过id 选择器  再加上 上面几节 的内容 相信 现在 带点速度 讲选择器 相信应该不是很困难

还是老规矩,有问题了就问,看不懂了,跟不上了就说

----------------------------------------------------------------开讲----------------------------------------------------------------

在 我个人的总结大纲里,将选择器分为了 四大类,分别是,CSS 选择器层级选择器XPath 选择器

和其他选择器

第一节的 id 选择器 为 CSS 选择器中的一种~ !! 今天 我会讲一下 CSS 选择器 的其他几种

他们为 类别选择器元素选择器多选选择器,和 所有选择器!今天 尽量将,能将多少讲多少,讲不完,

明天继续

类别选择器:根据元素 便签内 class 属性值进行选取元素!也就是俗称的 样式!
举个例子! 在日常开发中  经常会遇到加边框的需求!一个页面里,div了,table了,td了 都要有相同的边框!
通常的处理方法是 都加一个 class 属性,引同一个 样式!
那么 现在 我们要得到这些元素怎么办呢~~
一个个 id的去得,显然 不明智(用不明智,是说明,用id不是不可以,就是有的~…… 如果你有时间,

有精力,我也不反对
所以这个时候 我们就需要用   类别选择器  了~
他的语法为  
$(".类别名")  其中 类别名 为 标签中 class属性的值, 一个元素可以有多个类,只要有一个符合就能被匹配到
.  我用的字体大点,省的被人忽略了~~
如果有人问 为什么有个. ,那么请你抬头,看看上面的 样式表中 是不是用. 名字 来个 class属性加样式的~
如果理解为 .  对应class 也可以,就相当于 对应 id 一样

接下来的 说的是 元素选择器 
这个 应该是最好理解的了~ 说的简单点,就是 页面中你看到有什么标签,你就可以匹配他
他的语法为
语法$("元素名")   
看过这个语法 应该能理解 类别选择器 我为什么强调 这个.  了吧~~ 
如果不加点,就变成 选择 标签了,那自然是匹配不到的了~

CSS 选择器 ,在 JQ 中算是很简单的东西了,就那么几种,基本上 看一遍就会记住了

现在 来说 最后两种 CSS 选择器 吧

其实,把最后两种归为有一些牵强吧!不过既然这么规划了,就这么讲吧!

多选选择器 
顾名思义,就是一次我多选几种东西!也就是我一次匹配多个选择器!
他的语法为
$("选择器1,选择器2,选择器N")   
这里值得说明的就是那个 选择器N !他的意思就是可以无限重复!你可以写任意多的选择器,

只要通过英文逗号的连接就可以!
再有一点就是,这里面每个选择器的结果,最后取得不是交集,而是并集~!

所以,选择器写的越多,匹配到底元素就越多!

最后要讲的是 所有选择器 
这个 也不用 在解释什么了,就是选所有的元素~
结合前面的 知识,现在所学的 所有选择器 所能匹配到的就是 页面内所有的元素!
在以后的学习中 也可以用来匹配 所有子 什么的,这个到时候再说吧~~!
他的匹配也是有顺序的~
具体顺序如下图:
《JQuery 能干点啥~》第6讲 CSS 选择器
            
    
    博客分类: jquery 

白话了半天 差点忘了 他的语法了~
语法  $("*") 
*  就是*  ,键盘数字区第一排第三个,字母区 Shift+8的那个* 
可能有人发现了 *  这个 通配符,在很多地方都是 匹配所有的意思,这个我也就不细说了~

今天的东西就这么多了~~
最后要抢到的是
JQ 匹配到的 都是 JQ 对象

如果 有人 给我写

1
$("#id").value = "赋个值";

问我为啥不好使,可别怪我 不告诉你