文档章节

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")

 

 

© 著作权归作者所有

共有 人打赏支持
R-这个程序员有纹身
粉丝 1
博文 21
码字总数 10567
作品 0
广州
程序员
CSS 选择器[上]

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

xiaoxiaobukuang
2017/10/19
0
0
CSS 3.0学习之选择器总结

1.元素选择器 E { … } /E代表HTML元素名/ 例如: 效果: 2.属性选择器 属性选择器顾名思义就是根据元素的属性来为确认的元素定义样式。从广义的角度看,元素选择器是属性选择器的特例。属性...

Jialy
2013/12/31
0
0
jQuery--选择器

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

JS_HCX
01/12
0
0
2018-05-24 CSS选择器和优先级计算

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

瑾瑜爱上猫
05/24
0
0
JQuery——选择器分类

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

拉考的考拉
2017/11/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

maven坐标和依赖

一、maven坐标详解 <groupId>com.fgt.club</groupId><artifactId>club-common-service-facade</artifactId><version>3.0.0</version><packaging>jar</packaging> maven的坐标元素说......

老韭菜
今天
1
0
springmvc-servlet.xml配置表功能解释

问:<?xml version="1.0" encoding="UTF-8" ?> 答: xml version="1.0"表示是此xml文件的版本是1.0 encoding="UTF-8"表示此文件的编码方式是UTF-8 问:<!DOCTYPE beans PUBLIC "-//SPRING//......

隐士族隐逸
今天
1
0
基于TP5的微信的公众号获取登录用户信息

之前讲过微信的公众号自动登录的菜单配置,这次记录一下在TP5项目中获取自动登录的用户信息并存到数据库的操作 基本的流程为:微信设置自动登录的菜单—>访问的URL指定的函数里获取用户信息—...

月夜中徘徊
今天
0
0
youTrack

package jetbrains.teamsys.license.runtime; 计算lis package jetbrains.ring.license.reader; 验证lis 安装后先不要生成lis,要把相关文件进行替换 ring-license-checker-1.0.41.jar char......

max佩恩
今天
1
0
12.17 Nginx负载均衡

Nginx负载均衡 下面的dig看到可以返回2个IP,就是解析出来的IP,这样我们可以做负载均衡。 dig www.qq.com 1.vim /usr/local/nginx/conf/vhost/fuzai.conf 2.添加如下配置 upstream qq //定义...

芬野de博客
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部