jQuery链式编程时修复断开的链
<!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>
<title></title>
<script src="scripts/jquery-1.8.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#uone li').mouseover(function () {
//鼠标悬浮事件
$(this).css('backgroundColor', 'red').siblings('li').css('backgroundColor', '');
}).click(function () {
//单击事件
//有些方法是会破坏链式编程中返回的对象的,比如:next(),nextAll(),prev(),prevAll(),siblings(),无参数的:text()、val()、html()
//当链式编程的链被破坏以后可以通过end()方法修复。
$(this).prevAll().css('background-color', 'yellow').end().nextAll().css('backgroundColor', 'blue');
});
});
</script>
</head>
<body>
<ul id="uone">
<li>公牛</li>
<li>小牛</li>
<li>森林狼</li>
<li>开拓者</li>
</ul>
</body>
</html>
最新文章
- iframe用js设定自定义高度
- java1.8函数式编程概念
- How to use aws CloudFront for CDN
- 关于ios 3D变换 CGAffineTransformIdentity
- git初学习体会
- LinQ系列文章
- css中的width,height,属性与盒模型的关系
- java基础之:匿名内部类应用例子一
- Top Things to Consider When Troubleshooting Complex Application Issues
- JSON对象遍历方法
- HDU 4498 Function Curve (分段, simpson)
- selenium+python在Windows的环境搭建
- MongoDb进阶实践之二 如何在Windows上配置MongoDB
- java日期格式大全 format SimpleDateFormat
- JDK1.8下载与安装及环境变量配置
- 20190317 A
- phantomjs 了解
- 使用SimpleDateFormat时的日期和时间模式
- 搭建 FTP 文件服务
- oracle中的to_number在mysql中的转换
热门文章
- 42 github 开源代码 ——README.md语法/相关操作等
- 在vue中使用handsontable
- Delphi产生任务栏图标【TNotifyIconData】(转载)
- spark在不同环境下的搭建|安装|local|standalone|yarn|HA|
- NX二次开发-UFUN获取圆柱的参数UF_MODL_ask_cylinder_parms
- centos7 开机自动执行shell脚本
- hdu多校第一场1005(hdu6582)Path 最短路/网络流
- vs2013代码高亮显示失效
- ionic-CSS:ionic checkbox(复选框)
- java: java中的 getInstance() 的理解