为企业提供全套定制解决方案,
涵盖网站建设/SEO优化/营销推广/技术开发
湖北网站设计公司:程序猿都要了解的35个 jQuery 小技巧(上),网站建设好不好,可以先从网站建设公司以往设计案例,再从视觉效果、结构设计、色调搭配、营销推广等方面看,看网站案例设计是否为定制,再看看案例是否是网站建设公司自己做的,为防止剽窃同行业的作品,更直接的方法是访问这家公司的网站,在看看网站底端有没有技术支持,一般网站建设公司制作的案例都会在底部放技术与支持。小编今日为大家分享“程序猿都要了解的35个 jQuery 小技巧(上)”的相关知识!
全网互动开发,定制链接场景
-
网站优化
通过SEO快速提升关键词排名,适应2021排名规则,上首页,就是这么简单.
-
网站设计
国际化视觉设计,符合主流审美,优化用户体验,快速打动用户形成转换。
-
全网营销
精细化分工执行,智能化分析辅助,高效进行全网多方位运营推广,创造更多链接机会。
-
软件定制
为政府、企业、事业单位及高校提供软件定制开发服务如:在线学习考试系统,会务管理系统,智慧社区系统,智慧校园系统等。
收集的35个小技巧/代码片段,可以帮你快速开发.
1.禁止右键点击
$().((){
$().("",(){
;
});
});
2.隐藏搜索文本框文字
,.()
$().((){
$(".1").("");
($('.1'));
});
(){//
=.();
.((){
($.(.())==){.('');}
});
.((){
($.(.())==''){.();}
});
}
3.在新窗口中打开链接
1.0’,.
$().((){
//1:
$('[^=""]').("","_");
//2:=""
$('[@$='']').((){
.="_";
});
});//
4.检测浏览器
注:在版本1.4中,$.替换掉了$.变量
$().((){
//2
($..&&$..>="1.8"){
//
}
//
($..){
//
}
//
($..){
//
}
//
($..){
//
}
//
($..){
//
}
//6
($..&&$..<= 6 ){
// do something
}
// Target anything above IE6
if ($.browser.msie && $.browser.version >6){
//
}
});
5.预加载图片
,.
$().((){
.=()
{
(=0;<.; (?").("",[]);
}
}
//
$.("1.");
});
6.页面样式切换
$().((){
$(".").((){
//
$('[=]').('',$().(''));
});
//
//
//
});
7.列高度相同
如果使用了两个列,使用此种方式可以是两列的高度相同。
$().((){(){
=0;
.((){
=$().();
(>){
=;
}
});
.();
}//$().((){
($("."));
($("."));
});
});
8.动态控制页面字体大小
用户可以改变页面字体大小
$().((){
//()
=$('').('-');
$(".").((){
$('').('-',);
});//(0
$(".").((){
=$('').('-');
=(,10);
=*1.2;
$('').('-',);;
});//()
$(".").((){
=$('').('-');
=(,10);
=*0.8;
$('').('-',);
;
});
});
9.返回页面顶部功能
()().
$().((){
$('[*=#]').((){
(..(/^//,'')==..(/^//,'')
&&.==.){
$=$(.);
$=$.&&$
||$('[='+..(1)+']');
($.){
=$.().;
$(',')
.({:},900);
;
}
}
});
//
//
//
});
10.获得鼠标指针XY值
?
$().((){
$().((){
//
$('#').(":"+.+"|"+.);
});
//
});
11.返回顶部按钮
你可以利用和来实现返回顶部的动画,而不需要使用其他插件。
//
$('.').((){
$(.).({:0},800);
;
});
改变的值可以调整返回距离顶部的距离,而的第二个参数是执行返回动作需要的时间(单位:毫秒)。
12.预加载图片
如果你的页面中使用了很多不可见的图片(如:显示),你可能需要预加载它们:
$.=(){(=0;< .; ++) {
$('').('',[]);
}
};
$.('/1.','/2.');
13.检查图片是否加载完成
有时候你需要确保图片完成加载完成以便执行后面的操作:
$('').((){
.('');
});
你可以把替换为其他的或者来检查指定图片是否加载完成。
14.自动修改破损图像
如果你碰巧在你的网站上发现了破碎的图像链接,你可以用一个不易被替换的图像来代替它们。添加这个简单的代码可以节省很多麻烦:
$('').('',(){
$().('','/.');
});
即使你的网站没有破碎的图像链接,添加这段代码也没有任何害处。
15.鼠标悬停()切换属性
假如当用户鼠标悬停在一个可点击的元素上时,你希望改变其效果,下面这段代码可以在其悬停在元素上时添加属性,当用户鼠标离开时,则自动取消该属性:
$('.').((){
$().('');
},(){
$().('');
});
你只需要添加必要的代码即可。如果你想要更简洁的代码,可以使用方法:
$('.').((){
$().('');
});
注:直接使用实现该效果可能是更好的解决方案,但你仍然有必要知道该方法。
16.禁用字段
有时你可能需要禁用表单的按钮或者某个字段,直到用户执行了某些操作(例如,检查“已阅读条款”复选框)。可以添加属性,直到你想启用它时:
$('[=""]').('',);
你要做的就是执行方法,并把要移除的属性作为参数传入:
$('[=""]').('');
程序猿都要了解的35个小技巧(下)
湖北网站设计公司:程序猿都要了解的35个 jQuery 小技巧(上)
以上是小编整理的“程序猿都要了解的35个 jQuery 小技巧(上)”的相关知识!,互联网作为当下信息量大和用户多的一个媒体平台,传播信息可谓是快、准、狠,很多企业正是看中了互联网这一特性,往往都会优先选择网络来宣传自己的品牌和产品。但是,苦于对互联网的认识不够全面,往往为了跟风,盲目花个几千上万块钱来找人家来做个传统型网站,然后又花点钱去做推广,之后,钱是花出去了,网站也做了,结果却差强人意,钱就如同打水漂一样。究其原因,这往往是传统型网站存在的弊端所致。武汉怡橙科技,有7年建站经验,我们懂建站,更懂营销。想要了解更多“程序猿都要了解的35个 jQuery 小技巧(上)”的信息,欢迎各位用户在线咨询我们!咨询电话:400-960-5068!