整理前端css/js/jq常见问题及解决方法(3)
jq:
1、prepend(参数);//将参数内容前置再某元素内部;
eg:
<div id="div1">奇妙能力歌</div>
$("#div1").prepend("<a href='#'>陈粒</a>");
//得出结果:<div id="div1"><a href='#'>陈粒</a>奇妙能力歌</div>
2、
outerHeight(boolean)
outerHeight(false);//不计算元素的margin值 计算padding和border
outerHeight(true);//计算元素的margin值
3、delay(time);延迟;
eg:$("#div1").delay(300).show();//该元素延迟300ms再执行显示;
4、设置滚动条动态滑动
$(document).scrollTop();//滚动条高度
$("body").animate({scrollTop : 500px},500);
5、打开新窗口
window.open("url");
6、同个类名绑定多个事件,用连写方法
eg:
$("#focus").keydown(function(){
//xx
}).focus(function(){
//xxx
});
7、雪碧背景图
.icon icon-1
<span class="icon icon-1"></span>
.icon{background:url('') no-repeate;}
.icon-1{background-position:-24px -100px;}
背景图显示不出,
解决:
.icon{background-image:url('');background-repeate:no-repeate;}
.icon-1{background-position:-24px -100px;}
8、界面中
若<div><a><img /></a><a><img /></a></div>
a标签里面有img标签,img高度为88,但实际上div的高度为92,“幽林空白节点”
解决方法:给img标签添加vertical-align:middle;或者img{display:block;}a{font-size:0;}
兼容性:
ie7:要让overflow:hidden;有效,需要再其父元素加 position:relative;
最新文章
- Html和CSS布局技巧
- CSS list-style属性控制ul标签样式
- 析构函数virtual与非virtual区别 [转]
- Python的第七天
- 9.5.8 Optimizing InnoDB Disk I/O
- OS——进程简答题(1)
- [转]Java总结篇系列:Java泛型
- Swift 编程风格指南(raywenderlich.com 版本号)
- iOS开发——数据持久化Swift篇&;SettingBundle
- 没有找到MSVCR100.dll解决方法
- ruby gem源更换国内源gems.ruby-china.org数据源
- 基于protobuf的RPC实现
- JS中的普通函数和箭头函数
- Android中的intent属性
- Navicat安装及简单使用
- Swift 与 C 语言混合编程
- 使用 node 创建代码服务器
- WebService之Axis2(1):用POJO实现0配置的WebService
- 各大公司java后端开发面试题
- 中小型研发团队架构实践五:Redis快速入门及应用
热门文章
- atitit.复合变量,也就是类似$$a的变量的原理与实现&#160;java&#160;c#.net&#160;php&#160;js
- 60. Search Insert Position 【easy】
- [原创]超强C#图片上传,加水印,自动生成缩略图源代码
- 带你了解UIKit动力学
- IOS设计模式的六大设计原则之里氏替换原则(LSP,Liskov Substitution Principle)
- D - Sigma Function 1~n内有多少个约数和为偶数
- Win2k8&&vCenter部署全流程
- 这是一篇markdown测试博客
- springMVC对简单对象、Set、List、Map的数据绑定和常见问题.
- important——》sql server 2000安装图解