jquery实现单击div切换背景
2024-08-30 14:29:47
<!DOCTYPE html>
<html> <head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-1.11.3/jquery.js" type="text/javascript" charset="utf-8"></script> <style type="text/css">
div {
display: block;
} .div1 {
width: 100px;
height: 50px;
background: darkolivegreen;
margin: 10px;
float: left;
} .stylediv {
border: 1px solid red;
background: white;
}
</style> </head> <body> <div class="div1"> </div>
<div class="div1"> </div>
<div class="div1"> </div>
<div class="div1"> </div>
<script type="text/javascript">
$(function() {
$(".div1").click(function() {
$(this).addClass("stylediv").siblings().removeClass("stylediv"); }); });
</script>
</body> </html>
最新文章
- html中如何添加提示信息
- 了解一下OOP的反射API
- Denormalization
- CSS:CSS样式表及选择器优先级总结
- tinyxml一个优秀的C++ XML解析器
- jquery的blur之后,focus获取不到焦点的解决办法
- ModernUI教程:MEF应用向导
- git学习笔记12-标签管理-版本
- MongoDB 语法使用小结
- IoC容器的初始化过程
- php yii .htaccess
- SSH与SSL
- bzoj1176 2683
- 面试相关的技术问题---java基础
- jQuery 插件开发 笔记
- jave script 经典排序 - -冒泡排序
- java Object 类
- Linux三种关机/重启系统的命令
- Java GUI使用exe4j打包exe文件
- hdu4553(线段树)
热门文章
- mysql优化-数据库设计基本原则
- 【并查集模板】 【洛谷P2978】 【USACO10JAN】下午茶时间
- 『StabilityGuide』| 10+位阿里技术专家共同发起稳定性知识库开源项目
- BZOJ 3296: [USACO2011 Open] Learning Languages
- listView中的button控件获取索引
- Python中 sys.argv的用法简明解释
- HTML5小知识汇总
- kubernetes1.4新特性:增加新的节点健康状况类型DiskPressure
- day39-Spring 19-今天的内容总结
- bzoj1295 最长距离