文档章节

jQuwey选择器

R-这个程序员有纹身
 R-这个程序员有纹身
发布于 2017/05/04 11:02
字数 449
阅读 13
收藏 0

1、同时为几个元素添加相同样式可以使用并集选择器,其语法是各个选择器之间用“,”分隔,用双引号将所有元素包裹起来,而为元素添加类样式,可以使用addClass(),需要注意的是括号里的参数(类样式)不需要带“.”

$("div span") 选取<div>里的所有<span>元素

$("div >span") 选取<div>元素下元素名是<span>的子元素

$("#one +div") 选取id为one的元素的下一个<div>同辈元素    等同于$(#one).next("div")

$("#one~div") 选取id为one的元素的元素后面的所有<div>同辈元素    等同于$(#one).nextAll("div")

2、层次选择器中没有前代选择器

3、:gt(index)表示选取索引大于index的元素,:lt(index)正好相反,选择器下标从0开始

4、css()用于给指定元素设置样式,addClass()用于给指定元素追加样式,但是后者更加符合W3C规范,“结构与样式分离”的准则

5、使用text()与html()均能获取到元素中的文本,两者的区别在于前者仅获取文本,后者会连同标签一起获取,但不同的浏览器返回的值会有所差异,所以若果仅获取文本的话,建议使用text(),:gt(index),lt(index),eq(index)都用于过滤元素,且三者的索引值index均从0开始,第一个选择器获取到的是大于索引值的元素,第二个选择器获取到的是小于索引值的元素,第三个选择器获取到的是等于索引值的元素

6、获取元素范围大小顺序依次为:

$(#one).siblings("div")>$("#one~div")>$("#one +div")  或是

$(#one).siblings("div")>$(#one).nextAll("div")>$(#one).next("div")

 

 

© 著作权归作者所有

共有 人打赏支持
上一篇: jQuery事件
下一篇: jQuery基础
R-这个程序员有纹身
粉丝 1
博文 21
码字总数 10567
作品 0
广州
程序员
私信 提问
CSS 选择器[上]

选择器总汇 基本选择器 符合选择器 伪元素选择器 目前CSS选择器的版本已经升级至第三代,即CSS3选择器。CSS3选择器提供了更多、更丰富的选择器方式,主要分为三大类。 一、选择器总汇 三种选...

xiaoxiaobukuang
2017/10/19
0
0
即学即用,轻松搞定这些选择器!(上)

所谓基本选择器是指选择器的名称前面没有其他选择器,即在组成上,基本选择器是单一名称。 基本选择器主要包括: 元素选择器 ID 选择器 类选择器 伪类选择器 伪元素选择器 通用选择器 元素选...

我的卡
12/12
0
0
JQuery——选择器分类

JQuery选择器 1 什么是JQuery选择器 快速高效的找到指定节点,支持css语法设置页面 2 JQuery选择器分类 2.1 基本选择器 CSS选择器 层级选择器 表单域选择器 2.2 过滤选择器 简单过滤选择器 ...

拉考的考拉
2017/11/08
0
0
2018-05-24 CSS选择器和优先级计算

一、CSS的三大特性? 1.1 继承:子类能够继承父类的某些样式 1.2 优先级:不同选择器定义的样式具有不同的优先级数量 1.3 层叠:当优先级数量相同时,后面定义的样式的覆盖前面定义的样式 二...

瑾瑜爱上猫
05/24
0
0
jQuery--选择器

jQuery--选择器 一、JavaScript中选择元素 • document.getElementById() • document.getElementsByName() • document.getElementsByTagName() • document.getElementsByClassName() • ......

JS_HCX
01/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

pyhanlp用户自定义词典添加实例说明

pyhanlp用户自定义词典添加实例说明 pyhanlp是python版封装的的HanLP,项目地址:https://github.com/hankcs/pyhanlp 经过测试,HanLP比nltk在中文分词和实体识别方面都更好用. 如何向pyhan...

左手的倒影
12分钟前
1
0
TypeError: 'dict_keys' object does not support indexing

在python2.x中,dict.keys()返回一个列表,在python3.x中,dict.keys()返回一个dict_keys对象,比起列表,这个对象的行为更像是set,所以不支持索引的。 解决方案:list(dict.keys())[index...

张欢19933
18分钟前
2
0
【HAVENT原创】单页面站点在 Nginx 下刷新报404 的问题

AngularJS / Vue / React 前端站点如果使用了单页面模式,在开发模式下直接使用 url 路由访问是正常的,但是在 nginx 下面会直接报 404 错误。 解决方式是加入 try_files $uri $uri/ /index....

HAVENT
22分钟前
1
0
聊聊flink的FsCheckpointStreamFactory

序 本文主要研究一下flink的FsCheckpointStreamFactory CheckpointStreamFactory flink-runtime_2.11-1.7.0-sources.jar!/org/apache/flink/runtime/state/CheckpointStreamFactory.java /**......

go4it
23分钟前
1
0
react-native-storage(数据存储)文档介绍

中文doc:仅供参考 import Storage from 'react-native-storage'; import {AsyncStorage} from 'react-native'; var storage = new Storage({ // 最大容量,默认值1000条数据循环存储 ......

凌宇之蓝
28分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部