收藏

给网页去色

在遇到一些灾难性的事件时,我们经常看到很多网站的颜色全部变成黑白色的,原以为图片就是黑白的,后来发现原来是通过CSS滤镜实现的这种效果 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); ...

jQuery使用.on绑定hover事件

实际上,hover并不是一个事件,而是jQuery封装的一个方法,我们可以通过另外一种方法达到hover的效果 $(document).on('mouseover mouseout','.object',function(){})

javascript报错:意外地调用了方法或属性访问

出现这个问题的原因在于js里调用了未声明的变量,大部分浏览器会直接忽略,但在IE7浏览器里面(IE6没有试验,不知道有没有这个问题)会直接报错,导致功能不可用,至于解决办法,直接声明变量就行了 ...

使用 prefix 摆脱CSS3前缀

prefix介绍与使用方法: -prefix - 可以让你在写css3的时候无需再添加前缀(如:-webkit-、-moz-、-ms-、-o-)。它的工作原理幕后,将当前浏览器的前缀添加到任何CSS代码前面(当它需要的时候) 特点: 处理 <link> 或<style>元素,在需要的地方自动添加前缀; 处理新的<lin...

JS合并数组和拆分数组

合并两个数组a和b为一个数组: var c=a.concat(b); 将一个数组中的元素用 - 符号连接为一个字符串: var a, b; a = new Array(0,1,2,3,4); b = a.join("-"); //在调试工具的console中查看,当然也可以用alert(c); console.log(b); 如果省略了分隔符,则数组元素之间就用一个逗号来分隔。 ...

json对象合并的方法

function extend(des, src, override){ if(src instanceof Array){ for(var i = 0, len = src.length; i < len; i++) extend(des, src[i], override); } for( var i in src){ if(override || !(i in d...

取消冒泡事件,可实现类似点击空白关闭弹窗等系列事件

document.onclick=function(oEvent){ //取消冒泡 oEvent = oEvent || window.event; if(document.all){ oEvent.cancelBubble = true; }else{ oEvent.stopPropagation(); } //其它执行动作 }

js实现类似php的explode功能

调用方法和返回值和php一样 function explode(separators,inputstring,includeEmpties) { inputstring = new String(inputstring); separators = new String(separators); if(separators == "undefined") { separators...

使用jQuery的.on()为程序动态添加的代码添加事件

在jquery推出新版本,使用.on()以前,我们会用.live()来为动态添加的代码绑定事件,但是现在jQuery用.on()替代了.live() 有不少同行因为这个原因而使jQuery停留在了1.7.X这个版本之前,其实我们如果需要达到和.live()相同的效果,我们可以使用下面这个方法 $(document).on("各种事件(如click、mousemove...)","事件对象(比...

position:fixed div居中

上下左右 居中 div{ position:fixed; margin:auto; left:0; right:0; top:0; bottom:0; width:200px; height:150px; } 如果只需要左右居中,那么把 bottom:0; 或者 top:0; 删掉即可 如...

让文本框只能输入数字

//屏蔽非数字和非退格符 $("input[type='text']").keydown(function(e){ var k = e.keyCode; //48-57是大键盘的数字键,96-105是小键盘的数字键,8是退格符← if ((k <= 57 && k >= 48) || (k <= 105 && k >= 96) || (...

最简洁jQuery图片渐变切换

前几天修改一个图片渐变切换的兼容,发现调用的是一个插件,改起来很麻烦,一狠心自己花了半天写了一个,大概有五六十行,结果图片切换的时候闪屏比较厉害,然后坐在那里想怎么解决,同时去看看那个插件的实现思路,突然来了灵感花了几分钟写了下面这样一个图片切换代码,泪奔(白花了半天的时间,到最后就这么点代码)... css: <style type="text/css"> #banne...

jQuery判断指定对象的class是否存在

var str = $(obj).attr("class"); var strs = str.split(" "); var yz = $.inArray("cur",strs); if(yz!=-1){ console.log("当前对象含有名字为cur的class"); }else{ console.log("当前对象不存在名字为cur的class"); }...

<原生JavaScript>插入文本到文本框里的光标所在位置

下面这段代码,是从wordpress博客插件里面剥离出来的,仅做部分修改 function insertVal(obj){ var myField; //传递过来的值,即你想插入的内容,可通过自己设置 //这里的obj为示例对象(input、select) tag = obj.value; //要插入文本框的ID var textBox=docu...

jQuery取消子元素继承父元素的事件

        子元素继承父元素的事件在大部分时候对我们来说很好,而且相当有用,但是它同时也是把双刃剑,比如我点击父元素执行一个动作,但是我下面想点击子元素的时候恢复点击父元素之前的状态,这时麻烦就来了,它会先执行点击子元素所触发的事件然后紧接着会触发父元素的事件,可能看着前面的这段话有点绕,那么我们举例说明: javascript代码: &l...

jquery ajax “Uncaught TypeError: Illegal invocation”

jQuery ajax “Uncaught TypeError: Illegal invocation”指jQuery的AJAX报错:未捕获类型错误:非法调用 检查jQuery的文档后发现,如果它不是一个字符串,jQuery的尝试将数据转换成一个字符串。因此,我们需要增加一个选项:processData:false,在这里告诉jQuery不要碰我的数据!另一种选择的contentType:...

jquery禁用右键、文本选择功能、复制按键的实现

同时适合IE、firefox、谷歌浏览器下适用,经过筛选代码如下: //禁用右键、文本选择功能、复制按键 $(document).bind(“contextmenu”,function(){return false;}); $(document).bind(“selectstart”,function(){return false;}); $(document).keydown(functi...

Ueditor宽度自适应

网上有部分调整宽度自适应的方法,不过是修改js去实现的,这种方法只能修改没有压缩过的js并且是针对特定版本的编辑器,无法满足我的要求,后来找到一种方法:通过css中的!important去调整编辑器的大小 #edui1{width:95% !important}/* 这个ID为编辑器的ID */ #edui1_iframeholder{width:100% !important}/* 这个ID为编...

【jQuery】Cannot read property ‘msie’ of undefined错误的解决方法

$.browser在jQuery1.9里被删除了,所以项目的js代码里用到$.browser的地方就会报这个错。 jQuery1.9里对不少API做了废弃或者删除。幸运的是,jQuery社区考虑到了这么做给开发人员带来的麻烦,在1.9同时也推出了一个新插件jQuery Migration,该插件可以检查出在1.9之后被废弃或者删除的API,恢复原有功能,从而保证已有的js代码能在最新的j...

js截取img路径里的图片名

//先得到图片 var img=document.getElementById("图片的id"); //得到图片路径 var path=img.src; //从路径中截取图片名[包括后缀名] var filename; if(path.indexOf("/")>0){//如果包含有"/"号 从最后一个"/"号+1的位置开始截取字符串 filename=path.substring(path...
123 >