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. 使文本不能够被选中

(function($) {  
 
    $.fn.unselectable = function() {  
        this.each(function() {  
            this.onselectstart = function() { return false; };  
            this.unselectable = 'on';  
            this.style.MozUserSelect = 'none';  
        });  
    };  
 
})(jQuery);
使用方法 $(dom).unselectable();
 
3. 检查数据是否含有小数
Number.prototype.hasDec = function() {return !!(this % 1);}  
//使用方法
//var num = 34.34; num.hasDec(); > true 
 
4. 检查URL是否有效
function urlExists(testUrl) {  
    var http = jQuery.ajax({  
        type:"HEAD",
        url: testUrl,  
        async: false  
    })  
    return http.status!=404;  
}
 
5. 复制一个Array
Array.prototype.duplicate=function(array) {
  return this.concat(this);
 
}
 
6. trim
//jQuery  
jQuery.trim(' string '); //return 'string'  
 
//javascript  
String.prototype.trim = function() {  
   return this.replace(/^\s+|\s+$/g,"");  
}  
String.prototype.ltrim = function() {  
   return this.replace(/^\s+/g,"");  
}  
String.prototype.rtrim = function() {  
   return this.replace(/\s+$/g,"");  
}
使用:
var test = "   Test   "; 
var test3 = test.trim();    // returns "Test"
 
 
7. getElementByClassName
Object.prototype.getElementsByClass = function (searchClass, tag) {        
   var returnArray = [];  
   tag = tag || '*';  
   var els = this.getElementsByTagName(tag);  
   var pattern = new RegExp('(^|\\s)'+searchClass+'(\\s|$)');  
   for (var i = 0; i < els.length; i++) {  
      if ( pattern.test(els[i].className) ) {  
         returnArray.push(els[i]);  
      }  
   }  
   return returnArray;  
}
//返回class为"className"  的所有dom元素
els=document.getElementsByClass('className');  
//返回class为‘className’的所有p的dom元素
els=document.getElementsByClass('className','p');
 
8. 添加/移除/切换 dom元素的class
 
var cssClasses = {  
    addClass: function(ele,cls) {  
        if (!Utils.hasClass(ele,cls)) ele.className += " "+cls;  
    },  
    removeClass: function(ele,cls) {  
        if (Utils.hasClass(ele,cls)) {  
            var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');  
            ele.className=ele.className.replace(reg,' ');  
        }  
    },  
    toggleClass: function(ele,cls) {  
        if (this.hasClass(ele,cls)) {  
            this.removeClass(ele,cls);  
        }  
        else {  
            this.addClass(ele,cls);  
        }  
    }  
}

使用方法:

var element = document.getElementById('someHTMLel');  
 
cssClasses.addClass(element, 'cssClassName'); //添加css class  
cssClasses.removeClass(element, 'cssClassName'); //移除css class  
cssClasses.toggleClass(element, 'cssClassName'); //切换css class  
cssClasses.hasClass(element, 'cssClassName'); //返回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;
}
});

 
 

几个有用的JavaScript/jQuery代码片段(转)的更多相关文章

  1. 高效Web开发的10个jQuery代码片段(10 JQUERY SNIPPETS FOR EFFICIENT WEB DEVELOPMENT)

    在过去的几年中,jQuery一直是使用最为广泛的JavaScript脚本库.今天我们将为各位Web开发者提供10个最实用的jQuery代码片段,有需要的开发者可以保存起来. 1.检测Internet ...

  2. 50个jquery代码片段(转)

    本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助.其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助 ...

  3. 50个必备的实用jQuery代码段+ 可以直接拿来用的15个jQuery代码片段

    50个必备的实用jQuery代码段+ 可以直接拿来用的15个jQuery代码片段 本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助.其中的一些代码段是从j ...

  4. 一些实用的JQuery代码片段收集

    本文将展示50个非常实用的JQuery代码片段,这些代码能够给你的JavaScript项目提供帮助.其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够 ...

  5. Web开发者必须知道的10个jQuery代码片段

    在过去的几年中,jQuery一直是使用最为广泛的JavaScript脚本库.今天我们将为各位Web开发者提供10个最实用的jQuery代码片段,有需要的开发者可以保存起来. 1.检测Internet ...

  6. Jquery学习总结(4)——高效Web开发的10个jQuery代码片段

    在过去的几年中,jQuery一直是使用最为广泛的JavaScript脚本库.今天我们将为各位Web开发者提供10个最实用的jQuery代码片段,有需要的开发者可以保存起来. 1.检测Internet ...

  7. 经验分享:10个简单实用的 jQuery 代码片段

    尽管各种 JavaScirpt 框架和库层出不穷,jQuery 仍然是 Web 前端开发中最常用的工具库.今天,向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段. 您可能感兴趣的相 ...

  8. 最实用、最常用的jQuery代码片段

    // chinacoder.cn JavaScript Document $(document).ready(function() { //.filter(":not(:has(.selec ...

  9. 20+个可重复使用的jQuery代码片段

    jQuery已经成为任何web项目的重要组成部分.它为网站提供了交互性的通过移动HTML元素,创建自定义动画,处理事件,选择DOM元素,检索整个document ,让最终用户有一个更好的体验. 在这篇 ...

随机推荐

  1. Elasticsearch: Indexing SQL databases. The easy way

    Elasticsearchis a great search engine, flexible, fast and fun. So how can I get started with it? Thi ...

  2. 初探psutil

    系统性能信息模块psutil 1,psutil简介 psutil是一个跨平台能够轻松获取系统的进程和系统利用率,主要应用在系统监控,分析和限制系统资源以及进程管理.它实现了很多系统管理的命令,如ps, ...

  3. Spring中配置和读取多个Properties文件

    一个系统中通常会存在如下一些以Properties形式存在的配置文件 1.数据库配置文件demo-db.properties: database.url=jdbc:mysql://localhost/ ...

  4. 51nod 1422(强行YY)

    1422 沙拉酱前缀 题目来源: CodeForces 基准时间限制:1 秒 空间限制:131072 KB 分值: 40 难度:4级算法题  收藏  关注 沙拉酱非常喜欢数字序列.这正是他要弄一个关于 ...

  5. 新版汉诺塔(UVa10795 - A Different Task)

    题目介绍: 标准的汉诺塔上有n个大小各异的盘子.现给定一个初始局面(见图1),求它到目标局面(见图2)至少需要移动多少步? 移动规则:一次只能移动一个盘子:且在移动盘子之前,必须把压在上面的其他盘子先 ...

  6. Linux基础3(用户/组管理,rpm,yum,源码安装软件)

    用户管理 与用户相关的配置文件 /etc/passwd /etc/shadow /etc/skel /etc/defalut/useradd /etc/login.defs useradd userm ...

  7. 一个千万量级的APP使用的一些第三方库

    转载:http://www.jianshu.com/p/dc8c05cf693d .背景 前段时间在调研第三方推送服务的时候,反编译了一部分市面上比较流行的APP.其中一个无论是在设计还是功能上都堪称 ...

  8. Hadoop-2.2.0 (传 hadoop-2.2.0.tar.gz)

    配置hadoop 2.1 上传hadoop包 2.2 解压hadoop包 首先在根目录下创建一个cloud目录 mkdir /cloud tar -zxvf hadoop-2.2.0.tar.gz - ...

  9. SQLServer自动备份和自动删除过期文件

    以下为转载的文章: 点击下一步: 自定义名称和说明,点击更改: 点击确定,下一步 1.备份: 选择备份,下一步,再下一步,选择需要备份的数据库: 选择备份文件存放的路径: 点击下一步,选择系统产生的报 ...

  10. springMVC配置步骤

    所用的工具为eclipse for javaEE,tomcat 8.0 1.导入jar包 把以上的jar包全部复制到项目的WebContent/WEB-INF/lib目录中 2.在webContent ...