jquery效果思路代码

一.如何把一个元素放在屏幕的中心位置：
view sourceprint?1 jQuery.fn.center = function () {

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

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

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

5 return this;

6 }

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

8 $(element).center();
二.如何把有着某个特定名称的所有元素的值都放到一个数组中：
view sourceprint?1 var arrInputValues = new Array();

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

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

4 });
三.在jQuery中如何测试某个元素是否可见
view sourceprint?1 if($(element).is(':visible') == 'true') {

2 //该元素是可见的

3 }
四. 如何限制“Text-Area”域中的字符的个数：
view sourceprint?01 jQuery.fn.maxLength = function(max){

02 this.each(function(){

03 var type = this.tagName.toLowerCase();

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

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

06 //Apply the standard maxLength

07 this.maxLength = max;

08 }

09 else if(type == "textarea"){

10 this.onkeypress = function(e){

11 var ob = e || event;

12 var keyCode = ob.keyCode;

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

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

15 };

16 this.onkeyup = function(){

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

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

19 }

20 };

21 }

22 });

23 };

24 //用法

25 $('#mytextarea').maxLength(500);
五.如何在一段时间之后自动隐藏或关闭元素（支持1.4版本）：
view sourceprint?1 //这是1.3.2中我们使用setTimeout来实现的方式

2 setTimeout(function() {

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

4 }, 5000);

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

6 $(".mydiv").delay(5000).hide('blind', {}, 500);
六. 如何找到一个已经被选中的option元素：
view sourceprint?1 $('#someElement').find('option:selected');
七.如何获得鼠标垫光标位置x和y
view sourceprint?1 $(document).ready(function() {

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

3 $(’#XY’).html(”X Axis : ” + e.pageX + ” | Y Axis ” + e.pageY);

4 });

5 });
八.如何检查cookie是否启用
view sourceprint?1 var dt = new Date();

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

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

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

5 if(!cookiesEnabled) {

6 //没有启用cookie

7 }

如何让cookie过期：
view sourceprint?1 var date = new Date();

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

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