jquery是一个很常用的js框架,也非常实现。由于现在浏览器对flash,css3支持还不全面,对falsh更是越来越差,而jquery使用简单,容易上手,对浏览器支持全面,在web领域使用非常广泛。而且现在网上有各种各样基于jqery开发的插件,使用非常快捷方便。下面推荐几个干货小知识:
预加载图片这个功能适于网站应用了很多不可见的图片(如:鼠标经过显示等),如果预先加载完成,对网站效果会有比较好的体现
code:
$('div').click(function(){
$(document.body).animate({scrolltop:0},800);returnfalse
});
检查图片是否加载完成如果你的效果需要在图片加载完成后执行(如:一些滤镜特效等),效果看起来更加流畅。
code
$('img').load(function(){
//执行代码
});
批量修复错误图片这个功能应该是非常常见且实用,在网站是上传图片是难免会碰到了图片损坏或丢失,图片会显示不正常,会影响网站美观,这时就要用预先准备好的图片显示
code
$('img').on('error',function(){
$(this).prop('src','图片路径');
});
超出文本部分显示省略号在有限空间内显示元素的要素是,一般都采用简短方式显示,当我们无法控制达到好显示呈现,这样我们需要用到这个功能,多出部分自动隐藏且显示省略号
code:
$.fn.limit=function(){
var self = $("*[limit]");
self.each(
function(){
var objstring = $.trim($(this).text());
var objlength = $.trim($(this).text()).length;
var num = $(this).attr("limit");
if(objlength > num){
$(this).attr("title",objstring);
objstring = $(this).text(objstring.substring(0,num) + "...");
}
}
)
};
使用方式:
$("span[limit]").limit();
ajax跨域访问ajax跨域使用场景特殊,何为跨域?是指不同域名之间互相访问,网上有多种的解决方案,我也用过几种,但方便也最便捷的方法是我推荐的这种。在服务端加上一下代码即可,非常方便
code
header("access-control-allow-origin: *");
返回顶部现在很多基于jquery开发的插件都可以拿来直接使用。其实使用jquery自身函数就可以轻松达到目的。
code
$('a.top').click(function(){
$(document.body).animate({scrolltop:0},800);returnfalse
});
齐齐哈尔网站建设公司:为您打造独的线上品牌形象建设公司网站需要从哪些方面下功夫?2017年手机网站建设需要新体验改善手机网站开发设计,提升利用率营销网站建设如何确保品质好用的云服务器具备什么特征网站制作的构图规则_平顶山网站建设SEO优化的一些小小的经验