实现点击不同的按钮加载不同的css
2015-10-08 21:35
330 查看
这段时间做一个小网站发现有时候特别需要点击不同的按钮去加载不同的css,这样可以确定点击的是哪个,由于每个按钮都是从后端数据库加载过来的,不仅是简简单单的用id或者是类名,用过this也不行:
前端加载的代码:
js(jquery)代码:
js代码:
var a = document.getElementsByName("a_books");
for(i=0;i<=a.length;i++){
a[i].style="";
document.getElementById("#a_" + books_id)..style="background:red";
}在代码下面还可以做其他的操作。。。
前端加载的代码:
{%for books in bookslist%} <a href="#" id="a_{{books.books_id}}" name="a_books" onclick="books_message('{{books.books_id}}')">{{books.books_name}}</a> {%end%}
js(jquery)代码:
$("a").filter(".list-group-item").css({"background":"#C4E3F3","color":"#31708F"}); $("#a_" + books_id).css({"background":"#31708F","color":"white"});
js代码:
var a = document.getElementsByName("a_books");
for(i=0;i<=a.length;i++){
a[i].style="";
document.getElementById("#a_" + books_id)..style="background:red";
}在代码下面还可以做其他的操作。。。
相关文章推荐
- css3学习之用户界面
- CSS学习
- 如何快速掌握CSS(各种CSS工具)
- css选择表格偶数行
- css如何li中选中后加上class属性js控制
- CSS3学习笔记(3)—左右飞入的文字
- CSS截取字符串多余字符并以省略号显示
- CSS技巧(一):清除浮动
- 【笔记】利用css3特性实现扑克效果
- 自定义actionbar 样式
- web前端学习笔记---利用css+filter完成简单的图片透明效果
- 用css 添加鼠标悬浮出现各式样的图形
- css 优化
- 前端开发规范(CSS)
- CSS 联合伪类target实现click
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术(转载csdn)
- CSS填坑代码大全
- svg 绘制曲线动态进度条 避免canvas锯齿问题
- 纯CSS实现的紫罗兰风格导航条效果代码
- 在实现文本框只能输入数字和小数点的基础上实现了价格样式(保留两位小数)