欢迎您光临深圳市百域网络科技有限公司!
电话图标 咨询热线:13724519901 免费注册
常见问题

常见问题

这里象征着我们的态度和能力

JQuery几个比较实用小知识

发表日期:2019-06-26 文章编辑:百域网络 浏览次数:268



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){
$(th

is).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
});

作者:百域网络吴国美

JQuery几个比较实用小知识由百域网络编辑 http://www.baiyu88.com/html/388.html 如需转载请注明出处

相关新闻
最新新闻
随机新闻
最新网站设计案例
  • 我们能做什么

    深圳百域网络网络信息技术有限公司专注于企业网站、购物商城、行业门户网站、手机网站等各类网站应用的设计与开发,十年时间坚持量身定制,为客户打造新颖精美,紧密结合客户需求的网站,也更加注重性价比,以求把更多的实惠带给千千万万的客户。我们制作的网站均由工作多年的设计师一对一量身设计,力求每一款设计都独具匠心。

  • 我们的优势

  • 更多 +关于我们

    我们是一家专注网站建设、网站设计、SEO优化,网站优化、深圳SEO、深圳网站优化、深圳网站建设、深圳网站推广、深圳网站设计、深圳网站制作、深圳网页设计、深圳网页制作、深圳网络公司;我们凭借在网站建设领域专业的技术和多年的行业经验,先后为众多企业提供了优质的建站服务,获得行业的高度认可。

Copyright版权所有@2019深圳市百域网络科技有限公司

快捷导航
网站建设

咨询电话

13724519901
×