Javascript-Jquery
OkidoGreen
这个作者很懒,什么都没留下…
展开
-
Chrome关闭提示?jquery 关闭窗口时 显示确认导航 window.onbeforeunload
$(window).bind('beforeunload', function(event) { var message = 'I’m really going to miss you if you go.';event.returnValue = message;return message;});原创 2013-11-13 21:43:31 · 9042 阅读 · 0 评论 -
jquery load 事件用法
如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发。注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件,因为jQuery会在所有DOM加载完成后再绑定load事件。 调转载 2013-11-11 16:32:53 · 2422 阅读 · 0 评论 -
jquery全选/取消全选(反选)/单选操作以及获取值常见用法和错误-jquery prop()函数使用教程
用原生态的JavaScript操作页面上的一组checkbox全选/取消全选,逻辑很简单,实现代码也不难写。但使用jQuery实现则非常简单,代码很简洁-write less,do more!jquery版本:1.9先看看HTML代码,很简单的操作框 1 2 3 4 全选/取消全选引入jquery库对于che转载 2013-11-20 14:08:55 · 5465 阅读 · 0 评论 -
JQuery 获取验证上传文件大小代码
本文章来能大家介绍JQuery 获取验证上传文件大小代码,以前我们都是直接使用js来验证上传文件大小但有时会不兼容,后来我找到一个不错的JQuery获取上传文件大小与实现文件大小验证函数,大家可参考。jquery/*** Function to validate File size***/function findSize(fie转载 2013-11-15 09:32:29 · 39811 阅读 · 6 评论 -
jquery.fn.extend与jquery.extend
jQuery为开发插件提拱了两个方法,分别是:JavaScript代码jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(object);给jQuery对象添加方法。fn 是转载 2013-11-23 18:49:08 · 1395 阅读 · 0 评论 -
JQuery 判断某个属性是否存在 hasAttr
在JQuery编码中,我们会判断元素是否存在某个属性.比如是否包含 class="new" 的样式呢.JQuery判断就非常简单了,因为有 hasClass这个方法 $("input[name=new]").hasClass("new") 即可判断.但是有时候我们需要判断别的属性,比如有的 a 链接包含 rel 属性,有的没有rel属性.这时该怎么判断呢?这时就没有现成的方法了.转载 2013-12-04 15:26:51 · 23778 阅读 · 1 评论 -
jQuery中queue和dequeue的用法
jQuery中的queue和dequeue是一组很有用的方法,他们对于一系列需要按次序运行的函数特别有用。特别animate动画,ajax,以及timeout等需要一定时间的函数queue和dequeue的过程主要是:1,用queue把函数加入队列(通常是函数数组)2,用dequeue将函数数组中的第一个函数取出,并执行(用shift()方法取出并执行)也就意味着当再次执行转载 2014-03-25 16:53:10 · 2353 阅读 · 0 评论 -
jquery操作select(取值,设置选中)
每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。比如1、设置value为pxx的项选中 $(".selector").val("pxx");2、设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr("selected",true); 这里有一个中括转载 2013-12-09 23:15:48 · 2116 阅读 · 0 评论 -
jquery datepicker 插件使用
首先子啊 jqueryui 的官网下载datepicker 控件的 rar包css: js:第一个为核心代码,第二个为文字显示,此例中为中文$('#indicatorDate').datepicker({ inline: true, changeYear: true, changeMonth: true showButton原创 2013-01-23 10:21:52 · 4239 阅读 · 0 评论 -
jQuery新增函数之jQuery.isNumeric()
语法:jQuery.isNumeric( value )说明:1.7版本中添加,判断它的参数是否是一个数字。返回:true/false$.isNumeric函数用于检查其参数是否是一个数值。如果是,则返回true。否则返回false。这个参数可以是任何类型的。功能和$.isNaN()恰好相反,$.isNaN()在1.7版本中已经弃用。示例:$.isNumeric转载 2013-01-16 15:14:34 · 4615 阅读 · 0 评论 -
Jquery 遮盖层插件 jquery blockui
http://www.malsup.com/jquery/block/#page转载 2013-09-06 16:28:52 · 1695 阅读 · 0 评论 -
【jQuery插件】insertContent-在文本框光标位置插入内容并选中
在文本框光标位置插入内容在实际的项目应用中经常用到,比如在文本框插入表情,首先要获取光标在文本框中的位置,当然这个有浏览器兼容性问题。IE下可以通过document.selection.createRange();获取光标位置,代码也很简单:1if (document.selection) {2转载 2013-10-12 10:34:18 · 7054 阅读 · 0 评论 -
jquery.cookie 使用方法
一个轻量级的cookie 插件,可以读取、写入、删除 cookie。jquery.cookie.js 的配置首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件。使用方法1.新添加一个会话 cookie:$.cookie('the_cookie', 'the_value');注:当没有指明 cookie转载 2013-10-15 20:34:01 · 1497 阅读 · 0 评论 -
jQuery 1.9升级指南
jQuery 1.9升级指南时间:2013年02月18日作者:愚人码头查看次数:12,443 views评论次数:9条评论原文地址:http://jquery.com/upgrade-guide/1.9/ 翻译的不对或者不通顺的地方欢迎拍砖留言。概述jQuery 1.9删除或修改了几个过去行为不一致或效率低下的几个API。他们在以前的jQuery版本中已经标注过转载 2013-07-24 15:41:29 · 1390 阅读 · 0 评论 -
ztree “Uncaught TypeError: Object # has no method 'toLowerCase'”
今天上头说ztree.js 这个控件似乎有点问题,树展开了不能缩回去,我感觉应该是js 的问题,打开浏览器,开启调试,发现如下错误 google后无解,一步一步排查,发现将下列代码删除后正常 dl> dt>节点名称dt> dd>转载 2013-07-02 10:52:25 · 2559 阅读 · 0 评论 -
serializeArray()与 serialize()
.serializeArray()编码一个form元素集合为一个“name属性值/value属性值”的数组。json结构,如:[ { name: a value: 1 }, { name: b value: 2 }, { name: c value: 3 }, { name: d value: 4转载 2013-11-01 16:22:46 · 12733 阅读 · 1 评论 -
jQuery.extend 函数详解
JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并转载 2013-11-23 17:54:53 · 1421 阅读 · 0 评论 -
jquery post时content-type的几种取值
zccst转载 以后用得着的时候慢慢研究 参考:http://stackoverflow.com/questions/4007969/application-x-www-form-urlencoded-or-multipart-form-data 四种常见的 POST 提交数据方式 我们知道,HTTP 协议是以 ASCII 码传输,建立在 TCP/IP 协议之上转载 2016-08-15 12:57:06 · 3175 阅读 · 0 评论 -
通过Ajax方式上传文件,使用FormData进行Ajax请求
通过传统的form表单提交的方式上传文件:Html代码 form id= "uploadForm" action= "http://localhost:8080/cfJAX_RS/rest/file/upload" method= "post" enctype ="multipart/form-data"> h1 >测试通过Rest接口上传文件 h1>转载 2016-09-13 15:34:25 · 5237 阅读 · 0 评论 -
通过Ajax使用FormData对象无刷新上传文件
写在前面:本文说的这个方案有浏览器兼容性问题;所有主流浏览器的较新版本已经支持这个对象了,比如Chrome 7+、Firefox 4+、IE 10+、Opera 12+、Safari 5+,对兼容性比较敏感的网站慎用。 在工作中遇到了一个问题:在一个页面中,有4块内容,每块内容都包含一个图片上传功能,希望可以实现一键把这四块内容都上传上去。我没有用插件实现上传功能,就是用的转载 2016-09-13 15:35:42 · 7380 阅读 · 1 评论 -
修改UA在PC中访问只能在微信中打开的链接
通常一般在chrome下修改 UA 为 微信或qq 就能打开 那些在js端做了限制的 链接,但今天发现 还有一些 js 限制了 navigator.platform,pc上的值为 WIN32 或 MAC 导致 环境判断失败。UA:安卓QQ内置浏览器UA:Mozilla/5.0 (Linux; Android 5.0; SM-N9100 Build/LRX原创 2016-08-20 13:35:30 · 7748 阅读 · 0 评论 -
解决js图片加载时出现404的问题
运营网站久了之后,无法避免会出现图片404的情况,原因可能是图片文件本来就不存在或目前不存在。常见的解决方案是将404图片隐藏或者是替换为默认的图片。 img标签事件属性img标签可使用的时间属性有:onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondrage转载 2016-08-08 15:28:38 · 11631 阅读 · 0 评论 -
input type为checkbox或radio时的click默认事件
在input中,如果type为checkbox或radio时,浏览器会将该input渲染成为系统的单选或多选组件,如果这时,我们在这个input上绑定click事件,那就要小心谨慎使用e.preventDefault()这个方法(jQuery中整合了这个方法使得它能够兼容去掉浏览器中的默认事件)。之所以要说谨慎使用,就是,如果你在这个事件的响应程序中判断该checkbox是否选中时,得到的结果和真转载 2014-03-14 11:13:45 · 45961 阅读 · 1 评论 -
JQuery判断页面图片是否加载完成并延迟加载
当页面图片很多、网络又不快时,图片显示会由上往下慢慢显示,这会让使用者观感很不好,故我希望在图片加载完成时,再将该图片显示,并用文字提示加载完成,虽然这个需求有很多JQuery的套件可以完成,且效果都还不错,如 Masonry、Lazy Load,但还是自己想亲手试试,当作给自己的一个小习题 :P首先先找图片(找超久..),因放localhost加载会很快,所以我去Google了一些图片,转载 2015-02-16 16:34:52 · 6562 阅读 · 0 评论 -
jQuery 数据缓存data(name, value)详解及实现
作为一名程序员,一提到“缓存”你很容易联想到“客户端(浏览器缓存)”和“服务器缓存”。客户端缓存是存在浏览者电脑硬盘上的,即浏览器临时文件夹,而服务器缓存是存在服务器内存中,当然在一些高级应用场合也有专门的缓存服务器,甚至有利用数据库进行缓存的实现。当然这些都不在本文的讨论范围,本文要讨论的是最流行的JavaScript框架jQuery的数据缓存实现原理,这是jQuery1.2.3版开始加入的新功转载 2015-02-03 21:09:07 · 3109 阅读 · 0 评论 -
关于jquery中用on绑定事件后的事件冒泡问题
用on绑定时,我把子元素的 绑定到 document,而把父元素绑定到上级元素,导致 return false 阻止冒泡无效。 事件冒泡 $(function () { $(document).on("click","#p1",function(e){ console原创 2014-12-17 16:14:20 · 14834 阅读 · 1 评论 -
jquery parent() parents() closest()区别
parent是找当前元素的第一个父节点,不管匹不匹配都不继续往下找parents是找当前元素的所有父节点 closest() 是找当前元素的所有父节点 ,直到找到第一个匹配的父节点parent()、parents()与closest()方法两两之间有类似又有不同,本篇简短的区分一下这三个方法。通过本篇内容,大家将会在以后使用.parent()、parents()和clo转载 2015-01-06 12:36:07 · 1476 阅读 · 0 评论 -
jquery 使用 on 绑定 a标签无效 只能用 live
如题原创 2013-12-17 15:50:09 · 4657 阅读 · 2 评论 -
Property 'submit' of object #<HTMLFormElement> is not a function
今天使用jquery的时候使用脚本提交表单$("#submit").submit();然后就出现了:Property 'submit' of object # is not a function网上查了下原因:说是form里面有个name="submit"的按钮导致submit()方法和button的name混淆然而我的却不是name,二是id为 "submit"再转载 2014-06-26 10:49:52 · 2258 阅读 · 0 评论 -
$.each 和$(selector).each()的区别
$.each()Posted on 2012 年 3 月 15 日 in jQuery, jQuery函数|by Jason|译自官方手册:jQuery.each()对数组或对对象内容进行循环处理jQuery.each( collection, callback(indexInArray, valueOfElement) )collection 遍历的对转载 2014-02-12 14:06:06 · 1537 阅读 · 0 评论 -
JQuery选择器$()的工作原理浅析
每次申明一个jQuery对象的时候,返回的是jQuery.prototype.init对象,很多人就会不明白,init明明是jQuery.fn的方法啊,实际上这里不是方法,而是init的构造函数,因为js的prototype对象可以实现继承,加上js的对象只是引用不会是拷贝,new jQuery,new jQuery.fn和new jQuery.fn.init的子对象是一样的,只是有没有执行到in转载 2014-02-25 10:48:53 · 1823 阅读 · 0 评论 -
Jquery UI dialog 详解 (中文)
1 属性1.11 autoOpen ,这个属性为true的时候dialog被调用的时候自动打开dialog窗口。当属性为false的时候,一开始隐藏窗口,知道.dialog("open")的时候才弹出dialog窗口。默认为:true。1.12 初始化例:请注意,$('.selector')是dialog 的类名,在本例中.selector=#dialoag,以后不再说明。转载 2013-07-02 20:25:44 · 1507 阅读 · 0 评论 -
jquery 中 $.map 的使用方法
$.map(data,function(item,index){return XXX})遍历data数组中的每个元素,并按照return中的计算方式 形成一个新的元素,放入返回的数组中var b = $.map( [55,1,2], function( item,index ) { return { "label": item, "value": index }});原创 2013-01-16 13:38:36 · 40317 阅读 · 0 评论 -
怎样防止重复发送 Ajax 请求?
不推荐用外部变量锁定或修改按钮状态的方式,因为那样比较难:要考虑并理解 success, complete, error, timeout 这些事件的区别,并注册正确的事件,一旦失误,功能将不再可用;不可避免地比普通流程要要多注册一个 complete 事件;恢复状态的代码很容易和不相干的代码混合在一起;我推荐用主动查询状态的方式(A、B,jQuery 为例)或工具函数转载 2014-05-09 16:18:54 · 6228 阅读 · 0 评论 -
Jquery获取浏览器窗口的高度和宽度
$(document).ready(function() { alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height());//浏览器时下窗口文档body的高度 alert($(document.bod转载 2012-10-24 20:39:29 · 1487 阅读 · 0 评论 -
虎扑上看到的一种js对table的排序控件
所需js: $(document).ready(function(){ //header headerSortUp headerSortDown 默认点击更改class 配置即可 //$("#mytable").tablesorter(); //$("#mytable").tablesorter({headers:{5:{sorter:fa原创 2012-10-22 14:33:27 · 2330 阅读 · 0 评论 -
jquery获得select option的值 和对select option的操作
jQuery获取Select元素,并选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text转载 2012-10-23 22:32:17 · 2779 阅读 · 0 评论 -
jquery图表,范例及推荐 highchart+sparkline
HIGHCHARTS 官网:http://www.highcharts.com/code:具体操作网管API中都有。/** * 画一个柱状图 * @param valueList 图表的值 (数组) * @param dateList 日期值 (数组) * @param renderTo 要显示位置的id * @param controlValue 管控值原创 2012-10-22 10:05:30 · 7463 阅读 · 1 评论 -
Nivoslider:丰富的图片切换效果
Nivoslider是一款基于jQuery的,能实现多种切换效果的图片切换插件。Nivoslider提供了11种切换效果,支持多种参数配置和方法函数调用,使用简单,是一款非常理想的图片切换插件。 XHTML id="slider" class="nivoSlider"> src="images/s1.jpg" alt="" title="好漂亮的狗狗..."转载 2012-11-02 11:59:56 · 1457 阅读 · 0 评论 -
基于jquery的显示插件 jquery.qtip
所需JS:jquery.qtip-1.0.0-rc3.js可以用来提示信息,比如某些文本框不满足条件,做出醒目标识及提示。$(target)为某个dom元素,error为显示的内容/**/ $(target).qtip({ content:error, position: { corner: { to原创 2012-10-24 16:07:54 · 1547 阅读 · 0 评论