[JQ权威指南]第二天:JQuery控制CSS样式
2015-06-10 08:37
621 查看
在页面中,增加一个
元素标记,用户单击该元素时,变换其字体和背景颜色,再次单击时,恢复其初始的字体和背景色。
元素标记,用户单击该元素时,变换其字体和背景颜色,再次单击时,恢复其初始的字体和背景色。
<!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>JQuery事件的链式写法</title> <script type="text/javascript" src="jquery-2.1.4.js"></script> <style type="text/css" > .iframe{ border:soild 1px #888; font-size:13px;} .defcol{ padding:8px; background-color:#eee;} .curcol{ padding:8px; background-color:#ccc; color:#fff } </style> <script type="text/javascript"> $(function(){ $(".defcol").click(function(){ $(this).toggleClass("curcol"); }) }) </script> </head> <body> <div class="iframe"> <div class="defcol">标题</div> </div> </body> </html>
相关文章推荐
- jquery源码之工具方法
- jquery判断checked的三种方法
- jQuery中添加自定义或函数方法1
- 精确到秒的JQuery日期控件
- jQuery实现AJAX定时局部页面刷新
- JQuery操作option的添加、删除、取值
- jquery预加载的几种方式
- 使用jQuery操作Cookies的实现代码
- jQuery实现checkbox全选的方法
- jquery获取当前元素索引值用法实例
- ajax读取数据后使用jqchart显示图表的方法
- jQuery实现首页图片淡入淡出效果的方法
- jQuery获取页面元素绝对与相对位置的方法
- jQuery替换textarea中换行的方法
- jQuery实现dialog设置focus焦点的方法
- jquery序列化方法实例分析
- JQuery实现超链接鼠标提示效果的方法
- jQuery Lightbox弹出层效果
- jQuery easyUI combobox
- jquery获取当前元素的坐标