几个有用的JavaScript/jQuery代码片段（转）

1. 检查数据是否包含在Array中

//jQuery实现

jQuery.inArray("value", arr);

// 使用方法: if( jQuery.inArray("value", arr) != -1 ) { true }; 

原生javascript实现：

Array.prototype.inArray=function(value){ 

  for(var i=0;i<this.length;i++) {

    if(this[i]==value) {

      return true;

    }

  }

  return false;

}

 用法：

var myArray=['aa','bb','cc'];

myArray.inArray('cc');

 

2. 使文本不能够被选中

  

 

  

  

  

  

  

  

  

 

;

使用方法 $(dom).unselectable();

 

3. 检查数据是否含有小数

Number.prototype.hasDec = function() {return !!(this % 1);}  

//使用方法

//var num = 34.34; num.hasDec(); > true 

 

4. 检查URL是否有效

  

  

,

  

  

  

  

}

 

5. 复制一个Array

Array.prototype.duplicate=function(array) {

　　return this.concat(this);

 

}

 

6. trim

//jQuery  

//return 'string'  

 

//javascript  

  

  

  

  

  

  

  

  

}

使用：

var test = "   Test   "; 

var test3 = test.trim();    // returns "Test"

 

 

7. getElementByClassName

        

  

  

  

  

  

  

  

  

  

  

}

  

//返回class为‘className’的所有p的dom元素

;

 

8. 添加/移除/切换 dom元素的class

 

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

}

使用方法：

  

 

//添加css class  

//移除css class  

//切换css class  

//返回true or false;

 

9. 检查元素是否含有滚动条

(function($) {
$.fn.hasScrollBar = function() {
return this.get(0).scrollHeight > this.height();
}
})(jQuery);

调用方法$(”).hasScrollBar();返回boolean型

 

10. 自动的滚动到页面特定区域

jQuery.fn.autoscroll = function(selector) {
$('html,body').animate(
{scrollTop: $(selector).offset().top},
500
);
}
//Then to scroll to the class/area you wish to get to like this:
$('.area_name').autoscroll();

11. 关闭右键的菜单

$(document).bind('contextmenu',function(e){ return false; });

12 .判断一个图片是否加载完全

$('#theGBin1Image').attr('src', 'image.jpg').load(function() {
alert('This Image Has Been Loaded');
});

13. 在表单中禁用“回车键”

大家可能在表单的操作中需要防止用户意外的提交表单，那么下面这段代码肯定非常有帮助：

$("#form").keypress(function(e) {
if (e.which == 13) {
return false;
}
});