jquery效果思路代码

一.如何把一个元素放在屏幕的中心位置:

viewsourceprint?1jQuery.fn.center=function(){

2this.css('position','absolute');

3this.css('top',($(window).height()-this.height())/+$(window).scrollTop()+'px');

4this.css('left',($(window).width()-this.width())/2+$(window).scrollLeft()+'px');

5returnthis;

6}

7//这样来使用上面的函数:

8$(element).center();

二.如何把有着某个特定名称的所有元素的值都放到一个数组中:

viewsourceprint?1vararrInputValues=newArray();

2$("input[name='table[]']").each(function(){

3arrInputValues.push($(this).val());

4});

三.在jQuery中如何测试某个元素是否可见

viewsourceprint?1if($(element).is(':visible')=='true'){

2//该元素是可见的

3}

四.如何限制“Text-Area”域中的字符的个数:

viewsourceprint?01jQuery.fn.maxLength=function(max){

02this.each(function(){

03vartype=this.tagName.toLowerCase();

04varinputType=this.type?this.type.toLowerCase():null;

05if(type=="input"&&inputType=="text"||inputType=="password"){

06//ApplythestandardmaxLength

07this.maxLength=max;

08}

09elseif(type=="textarea"){

10this.onkeypress=function(e){

11varob=e||event;

12varkeyCode=ob.keyCode;

13varhasSelection=document.selection?document.selection.createRange().text.length>0:this.selectionStart!=this.selectionEnd;

14return!(this.value.length>=max&&(keyCode>50||keyCode==32||keyCode==0||keyCode==13)&&!ob.ctrlKey&&!ob.altKey&&!hasSelection);

15};

16this.onkeyup=function(){

17if(this.value.length>max){

18this.value=this.value.substring(0,max);

19}

20};

21}

22});

23};

24//用法

25$('#mytextarea').maxLength(500);

五.如何在一段时间之后自动隐藏或关闭元素(支持1.4版本):

viewsourceprint?1//这是1.3.2中我们使用setTimeout来实现的方式

2setTimeout(function(){

3$('.mydiv').hide('blind',{},500)

4},5000);

5//而这是在1.4中可以使用delay()这一功能来实现的方式(这很像是休眠)

6$(".mydiv").delay(5000).hide('blind',{},500);

六.如何找到一个已经被选中的option元素:

viewsourceprint?1$('#someElement').find('option:selected');

七.如何获得鼠标垫光标位置x和y

viewsourceprint?1$(document).ready(function(){

2$(document).mousemove(function(e){

3$(’#XY’).html(”XAxis:”+e.pageX+”|YAxis”+e.pageY);

4});

5});

八.如何检查cookie是否启用

viewsourceprint?1vardt=newDate();

2dt.setSeconds(dt.getSeconds()+60);

3document.cookie="cookietest=1;expires="+dt.toGMTString();

4varcookiesEnabled=document.cookie.indexOf("cookietest=")!=-1;

5if(!cookiesEnabled){

6//没有启用cookie

7}

如何让cookie过期:

viewsourceprint?1vardate=newDate();

2date.setTime(date.getTime()+(x*60*1000));

3$.cookie('example','foo',{expires:date});

相关推荐