湖北网站建设公司：程序猿都要了解的35个 jQuery 小技巧（上）

收集的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.获得鼠标指针ＸＹ值

?

$().((){

$().((){

//

$('#').(":"+.+"|"+.);

});

//

});

11.返回顶部按钮

你可以利用和来实现返回顶部的动画，而不需要使用其他插件。

//

$('.').((){

$(.).({:0},800);

;

});

改变的值可以调整返回距离顶部的距离，而的第二个参数是执行返回动作需要的时间(单位：毫秒)。

12.预加载图片

如果你的页面中使用了很多不可见的图片（如：显示），你可能需要预加载它们：

$.=(){(=0;< .; ++) {

　　$('').('',[]);

}

};

$.('/1.','/2.');

13.检查图片是否加载完成

有时候你需要确保图片完成加载完成以便执行后面的操作：

$('').((){

.('');

});

你可以把替换为其他的或者来检查指定图片是否加载完成。

14.自动修改破损图像

如果你碰巧在你的网站上发现了破碎的图像链接，你可以用一个不易被替换的图像来代替它们。添加这个简单的代码可以节省很多麻烦：

$('').('',(){

$().('','/.');

});

即使你的网站没有破碎的图像链接，添加这段代码也没有任何害处。

15.鼠标悬停()切换属性

假如当用户鼠标悬停在一个可点击的元素上时，你希望改变其效果，下面这段代码可以在其悬停在元素上时添加属性，当用户鼠标离开时，则自动取消该属性：

$('.').((){

$().('');

},(){

$().('');

});

你只需要添加必要的代码即可。如果你想要更简洁的代码，可以使用方法：

$('.').((){

$().('');

});

注：直接使用实现该效果可能是更好的解决方案，但你仍然有必要知道该方法。

16.禁用字段

有时你可能需要禁用表单的按钮或者某个字段，直到用户执行了某些操作（例如，检查“已阅读条款”复选框）。可以添加属性，直到你想启用它时：

$('[=""]').('',);

你要做的就是执行方法，并把要移除的属性作为参数传入：

$('[=""]').('');

程序猿都要了解的35个小技巧（下）

湖北网站建设公司：程序猿都要了解的35个 jQuery 小技巧（上）

以上内容就是关于“程序猿都要了解的35个 jQuery 小技巧（上）”的相关内容！，湖北怡橙科技有限公司2019年创立以网站建设、移动互联网、年度运维服务为核心业务专注于技术开发和建站传播，为所有合作的企业机构贡献全力。想要了解更多“程序猿都要了解的35个 jQuery 小技巧（上）”的信息，可咨询在线小编！咨询电话：400-960-5068！