`
mmmzzc
  • 浏览: 109725 次
  • 性别: Icon_minigender_1
  • 来自: 黑龙江
社区版块
存档分类
最新评论

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

阅读更多

 

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

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

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

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

和其他选择器

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

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

明天继续

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

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

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

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

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

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

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

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

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

最后要讲的是 所有选择器 
这个 也不用 在解释什么了,就是选所有的元素~
结合前面的 知识,现在所学的 所有选择器 所能匹配到的就是 页面内所有的元素!
在以后的学习中 也可以用来匹配 所有子 什么的,这个到时候再说吧~~!
他的匹配也是有顺序的~
具体顺序如下图:
p_.png 

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

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

如果 有人 给我写

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

问我为啥不好使,可别怪我 不告诉你
分享到:
评论

相关推荐

    java开源包6

    BoneCP很小,只有四十几K(运行时需要slf4j和guava的支持,这二者加起来就不小了),而相比之下 C3P0 要六百多K。 异步输出框架 AsynWriter 一个Java的类库,用于异步输出记录的简单小框架用于高并发下数据输出使用...

    JAVA上百实例源码以及开源项目源代码

    原理是初始化颜色选择按钮,然后为颜色选择按钮增加事件处理事件,最后实例化颜色选择器。 Java二进制IO类与文件复制操作实例 16个目标文件 内容索引:Java源码,初学实例,二进制,文件复制  Java二进制IO类与文件...

    JAVA上百实例源码以及开源项目

    原理是初始化颜色选择按钮,然后为颜色选择按钮增加事件处理事件,最后实例化颜色选择器。 Java二进制IO类与文件复制操作实例 16个目标文件 内容索引:Java源码,初学实例,二进制,文件复制  Java二进制IO类与文件...

    java开源包1

    BoneCP很小,只有四十几K(运行时需要slf4j和guava的支持,这二者加起来就不小了),而相比之下 C3P0 要六百多K。 异步输出框架 AsynWriter 一个Java的类库,用于异步输出记录的简单小框架用于高并发下数据输出使用...

    java开源包11

    BoneCP很小,只有四十几K(运行时需要slf4j和guava的支持,这二者加起来就不小了),而相比之下 C3P0 要六百多K。 异步输出框架 AsynWriter 一个Java的类库,用于异步输出记录的简单小框架用于高并发下数据输出使用...

    java开源包2

    BoneCP很小,只有四十几K(运行时需要slf4j和guava的支持,这二者加起来就不小了),而相比之下 C3P0 要六百多K。 异步输出框架 AsynWriter 一个Java的类库,用于异步输出记录的简单小框架用于高并发下数据输出使用...

    java开源包3

    BoneCP很小,只有四十几K(运行时需要slf4j和guava的支持,这二者加起来就不小了),而相比之下 C3P0 要六百多K。 异步输出框架 AsynWriter 一个Java的类库,用于异步输出记录的简单小框架用于高并发下数据输出使用...

    java开源包5

    BoneCP很小,只有四十几K(运行时需要slf4j和guava的支持,这二者加起来就不小了),而相比之下 C3P0 要六百多K。 异步输出框架 AsynWriter 一个Java的类库,用于异步输出记录的简单小框架用于高并发下数据输出使用...

    java开源包10

    BoneCP很小,只有四十几K(运行时需要slf4j和guava的支持,这二者加起来就不小了),而相比之下 C3P0 要六百多K。 异步输出框架 AsynWriter 一个Java的类库,用于异步输出记录的简单小框架用于高并发下数据输出使用...

    java开源包4

    BoneCP很小,只有四十几K(运行时需要slf4j和guava的支持,这二者加起来就不小了),而相比之下 C3P0 要六百多K。 异步输出框架 AsynWriter 一个Java的类库,用于异步输出记录的简单小框架用于高并发下数据输出使用...

    java开源包8

    BoneCP很小,只有四十几K(运行时需要slf4j和guava的支持,这二者加起来就不小了),而相比之下 C3P0 要六百多K。 异步输出框架 AsynWriter 一个Java的类库,用于异步输出记录的简单小框架用于高并发下数据输出使用...

    java开源包7

    BoneCP很小,只有四十几K(运行时需要slf4j和guava的支持,这二者加起来就不小了),而相比之下 C3P0 要六百多K。 异步输出框架 AsynWriter 一个Java的类库,用于异步输出记录的简单小框架用于高并发下数据输出使用...

    java开源包9

    BoneCP很小,只有四十几K(运行时需要slf4j和guava的支持,这二者加起来就不小了),而相比之下 C3P0 要六百多K。 异步输出框架 AsynWriter 一个Java的类库,用于异步输出记录的简单小框架用于高并发下数据输出使用...

    java开源包101

    BoneCP很小,只有四十几K(运行时需要slf4j和guava的支持,这二者加起来就不小了),而相比之下 C3P0 要六百多K。 异步输出框架 AsynWriter 一个Java的类库,用于异步输出记录的简单小框架用于高并发下数据输出使用...

    Java资源包01

    BoneCP很小,只有四十几K(运行时需要slf4j和guava的支持,这二者加起来就不小了),而相比之下 C3P0 要六百多K。 异步输出框架 AsynWriter 一个Java的类库,用于异步输出记录的简单小框架用于高并发下数据输出使用...

Global site tag (gtag.js) - Google Analytics