each方法应用(列表-json数据展示)
2016-01-14 17:40
519 查看
1、通过each方法,鼠标滑过列表每一项时,样式改变:
2、json数据展示(待续)
$('#GrowthProcess').find('.pro-time').each(function(i,sender){ $(sender).hover(function(){ $(this).addClass('ac-time'); $(this).css({'fontSize':'16px'}); },function(){ $(this).removeClass('ac-time'); $(this).css('fontSize','14px'); $(this).find('p').css({'position':'static','top':'0'}); if(i == 0){ $(this).addClass('ac-time');} }); });
2、json数据展示(待续)
相关文章推荐
- Jfinal 2.1 之拓展JSON,使用阿里巴巴的fastjson,文采不行,直接晒代码。
- javascript雕虫小技
- js 日期正则校验
- js 正则身份证校验
- Ionic基础——js指令布局
- string 转 json数据
- 学习JavaScript设计模式之中介者模式
- json转换成list map集合
- 读《编写可维护的JavaScript》第六章总结
- 130 js javascrtipt DOM编程艺术1~6章
- jsp文件上传(图片上传)
- 在js中显示一个时钟
- jsp 循环数字
- 原生体验挡不住!JavaScript开源跨平台框架NativeScript
- 把电脑·系统属性·注册到(JS的名字,电话)给更改掉
- Js保存信息到缓存中
- chrome浏览器测试js函数
- JSP中 Session和作用域的使用
- Javascript入门基础知识和在HTML中的引用方式以及与JAVA之间的关系
- javascript中两个感叹号的作用