CSS/JQuery元素选择器之&&和||，选择器的逻辑操作

使用CSS或JQuery选中元素的时候。非常多时候我们须要对条件进行&&或者||操作。

JQuery或者CSS中的||操作是非经常常使用的。也非常easy，就是通过逗号来分隔的。

selector1,selector2,selectorN

比方我们想选中div或者span，那么能够通过$("div,span")来选中满足条件的元素。

CSS或JQuery中的&&。我所见过的大部分都是用class进行的，不知道是不是仅仅有这样的方式。

.className1.className2.classNameN

比方我们想选中某个div，这个div必需有lily和lucy这2个class，那么能够通过.lily.lucy来选中。

JQuery中特有的&&操作，不只局限于class属性，灵活性更大

[selector1][selector2][selectorN]

比方我们想选中某个div，这个div的class是angle，id是aty_id，那么能够使用$("div[id=‘aty_id‘][class=‘age‘]")

时间： 2024-10-25 16:40:32

CSS/JQuery元素选择器之&&和||，选择器的逻辑操作的相关文章

CSS/JQuery元素选择器之&&和||，选择器的逻辑操作

使用CSS或JQuery选中元素的时候,很多时候我们需要对条件进行&&或者||操作. JQuery或者CSS中的||操作是很常用的,也很简单,就是通过逗号来分隔的. selector1,selector2,selectorN 比如我们想选中div或者span,那么可以通过$("div,span")来选中满足条件的元素. CSS或JQuery中的&&,我所见过的大部分都是用class进行的,不知道是不是只有这种方式. .className1.classNa

css基础 组合选择器之多元素选择器 多个元素加上同一个样式

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

jQuery过滤选择器之伪类选择器和内容选择器

jQuery给我们提供了很多简易用的方法,jQuery过滤选择器是其中一种.过滤器主要通过特定的过滤规则来筛选所需DOM元素,使用冒号(:)开关. 一.基本过滤器 :first选取第一个元素(单个元素)$('li:first') :last选取最后一个元素(单个元素)$('li:last') :not(selector)等到class不是blue的元素$('li:not(.blue)')  选取class不是blue的元素 :even选择索引(0开始)是偶数的所有元素(集合元素)$('li:ev

jquery属性选择器之 attr

在温习jquery手册的时候,注意到这个,坐下记录. attr(name|properties|key,value|fn) 获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配的元素的一个或多个属性. 在jquery1.6中,当属性没有被设置时,attr()方法将返回undefined. 若要检索和修改DOM属性,比如元素的checked,selected或disabled状态,请使用prop()方法. 参数name 描述: 返回文档中所有图像的src属性值. jQuery 代码: $

CSS 伪元素

CSS伪元素是用来添加一些选择器的特殊效果. 语法 伪元素的语法: selector:pseudo-element {property:value;} CSS类也可以使用伪元素: selector.class:pseudo-element {property:value;} :first-line 伪元素 "first-line" 伪元素用于向文本的首行设置特殊样式. 在下面的例子中,浏览器会根据 "first-line" 伪元素中的样式对 p 元素的第一行文本进行

CSS 伪元素：添加一些选择器的特殊效果

CSS 伪元素 CSS伪元素是用来添加一些选择器的特殊效果. 语法 伪元素的语法: selector:pseudo-element {property:value;} CSS类也可以使用伪元素: selector.class:pseudo-element {property:value;} :first-line 伪元素 "first-line" 伪元素用于向文本的首行设置特殊样式. 在下面的例子中,浏览器会根据 "first-line" 伪元素中的样式对 p 元素

深入学习jQuery选择器系列第八篇——过滤选择器之伪子元素选择器

× 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素 前面的话 本文是子元素选择器的续篇,主要介绍关于nth-of-type()选择器的内容.该部分内容并非没有出现在<锋利的jQuery>一书中,nth-of-type()选择器参照CSS中的nth-of-type选择器,于1.9版本新增,本文将详细介绍该内容 通用形式 :nth-of-type() 个人认为,:nth-of-type()选择器不应该归类于子元素选择器,也不完全等同索引选择器,因为其索引是指特定元素的索引,但

jquery选择器之层级选择器

<!DOCTYPE html><html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" type="text/css&q

jQuery基本选择 元素

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <title>ddd</title> 5 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 6 <script l