index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>常规选择器</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="demo.js"></script>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>
<body>
<!--
<div id="box">
<p>p</p>
<p>p</p>
<p>p</p>
<div>
<p>p</p>
<p>p</p>
<p>p</p>
</div>
</div>
<p>p</p>
<p>p</p>
<p>p</p>
<div id="box">div</div>
<span>span</span>
<p>p</p>
<p>p</p>
<p>p</p>
-->
<strong>strong</strong>
<strong>strong</strong>
<strong>strong</strong>
<p>p</p>
<strong>strong</strong>
<strong>strong</strong>
<strong>strong</strong>
<div id="box">div</div>
<strong>strong</strong>
<strong>strong</strong>
<strong>strong</strong>
<p>p</p>
<strong>strong</strong>
<strong>strong</strong>
<strong>strong</strong>
</body>
</html>
style.css
/* CSS Document */
/*
#box > p{ color:#c00;}
div + p{ color:#c00;}
#box ~p{ color:#c00;}
*/
demo.js
$(function(){
//$('#box p').css('color','red');
//find
//$('#box').find('p').css('color','red');
//$('#box > p').css('color','red');
//$('#box').children('p').css('color','#f60');
//$('div + p').css('color','red');
//next() 方法
//$('div').next('p').css('color','#f60');
//$('#box ~p').css('color','red');
//$('#box').nextAll('p').css('color','#f60');
//$('div').next().css('color','#f60');
//$('div').next('*').css('color','#f60');//next()等选择器方法不传参，就相当于传递了 * 号
//如果 * 在某个环境里有所浪费，建议尽量不去使用
//prev
//$('#box').prev('p').css('color','#f60');
//prevAll
//$('#box').prevAll('p').css('color','#f60');
//$('#box').nextAll('p').css('color','#f60');
//$('#box').prevAll('p').nextAll('p').css('color','#f60');//错误形式
//siblings 上下同级所有
//$('#box').siblings('p').css('color','#f60');
//nextUntil()方法 同级下非指定元素选定，遇到则停止
$('#box').nextUntil('p').css('color','#f60');
//prevUntil()方法 同级上非指定元素选定，遇到则停止
$('#box').prevUntil('p').css('color','#f60');
});
相关推荐
NULL 博文链接：https://onestopweb.iteye.com/blog/2223436
NULL 博文链接：https://onestopweb.iteye.com/blog/2223439
NULL 博文链接：https://onestopweb.iteye.com/blog/2223444
[jQuery]第3章.常规选择器[1].rar,对于初学JQUERY的人员很有帮助,一共分为三个部分
第三阶段 实现目标的精分类和边框回归 faster-rcnn算法 faster-rcnn 人工智能-第八章全文共18页，当前为第9页。 YOLO 结构简单，属于单阶段的检测方法 速度快、资源消耗少 精度较高 YOLO(You Only Look Once)：创造...
第3章 比值控制系统 3．1 概述 3．2 比值控制系统的类型 3．2．1 开环比值控制系统 3．2．2 单闭环比值控制系统 3．2．3 双闭环比值控制系统 3．2．4 其他类型的比值控制 3．3 比值系数的计算 3．3．1 流量...
重定向器452.1 通用命名规范452.2 多UNC提供者472.3 网络提供者472.4 重定向器简介482.5 服务器消息块482.6 安全问题492.6.1 安全描述符492.6.2 访问令牌512.7 网络安全512.8 一个实例522.9 小结53第3章 邮槽543.1 ...
第三篇 电子商务与安全性 第14章 运营一个电子商务网站 14.1 我们要实现什么目标 14.2 考虑电子商务网站的类型 14.2.1 使用在线说明书公布信息 14.2.2 接收产品或服务的订单 14.2.3 提供服务和数字产品 14.2.4 为...
第3章 IP：网际协议 24 3.1 引言 24 3.2 IP首部 24 3.3 IP路由选择 27 3.4 子网寻址 30 3.5 子网掩码 32 3.6 特殊情况的IP地址 33 3.7 一个子网的例子 33 3.8 ifconfig命令 35 3.9 netstat命令 36 3.10 IP的未来 36 ...
第三篇 电子商务与安全性 第14章 运营一个电子商务网站 14.1 我们要实现什么目标 14.2 考虑电子商务网站的类型 14.2.1 使用在线说明书公布信息 14.2.2 接收产品或服务的订单 14.2.3 提供服务和数字产品 14.2.4...
第三篇 电子商务与安全性 第14章 运营一个电子商务网站 14.1 我们要实现什么目标 14.2 考虑电子商务网站的类型 14.2.1 使用在线说明书公布信息 14.2.2 接收产品或服务的订单 14.2.3 提供服务和数字产品 14.2.4...
第3章 比值控制系统 3．1 概述 3．2 比值控制系统的类型 3．2．1 开环比值控制系统 3．2．2 单闭环比值控制系统 3．2．3 双闭环比值控制系统 3．2．4 其他类型的比值控制 3．3 比值系数的计算 3．3．1 流量...
第3章通信系统模拟线性调制的MATLAB实现 3.1双边带调幅与解调 3.2常规双边带调幅 3.3抑制载波双边带调幅 3.4单边带调幅与解调 第4章雷达信号中的数字处理技术 4.1雷达回波信号随机热噪声分析 4.1.1服从高斯...
提出了一种基于超短基线定位系统的单应答器两点绝对位置快速校准算法，并对其性能进行了详细地...与常规的应答器位置校准算法相比，该方法能够更加快速地实现对应答器绝对位置的精确校准。海上试验结果验证了该结论。
第54节：原型（3）移动端选择器.flv 第55节：原型（4）Android版微信（1）.flv 第56节：原型（4）Android版微信（2）.flv 第57节：原型（4）Android版微信（3）.flv 第58节：原型（4）Android版微信（4）.flv 第59节...
第一个字节代表从A到H的8个盘，即01为A，02为B，04为C……依次类推，第二个字节代表I到P，第三个字节代表Q到X，第四个字节代表Y和Z。比如要关闭C盘，将键值改为04 00 00 00；要关闭D盘，则改为08 00 00 00，若要关闭...
第三部分（第10～12章）重点介绍支持的工具、产品和技术。第10章介绍持续集成的流程和步骤，同时分析持续集成可利用的产品和工具。第11章推荐并分析诸多实用的代码分析（静态和动态）的工具、技术和方法。第12章综合...