几个有用的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;
}
});