
jQuery
ywb201314
兵法有言,知己知彼,百战不殆
展开
-
jQuery(function(){})与(function(){})(jQuery)之间的区别
1. (function($) {})(jQuery) 其实际上是执行()(para)匿名方法,只不过是传递了jQuery对象。相当于 function aa($){} aa(jQuery) 是初始化jquery对象的惯用方法.2. jQuery(function(){ });相当于$(document).ready(function(){原创 2015-11-04 15:30:14 · 337 阅读 · 0 评论 -
ajax 请求成功后新开窗口被拦截解决方法
前面开发项目时碰到一个问题,ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是很可惜被浏览器给拦截了,怎么解决这个问题呢?分析:浏览器之所以拦截新开窗口是因为该操作并不是用户主动触发的,所以它认为这是不安全的就拦截了(不过如果是 _self 的话就不会有这个限制),即使 ajax 回调函数中模拟执行 click 或者 submit 等转载 2015-12-01 18:25:02 · 752 阅读 · 0 评论 -
jquery uploadify动态传递参数如何实现
我们在开发工作当中,难免会用到文件上传,那么实现ajax文件上传目前比较流行的插件是uploadify,它是一个很好用而且功能很强大的插件。今天在公司当中,同事问起我关于如何实现uploadfy动态绑定参数提交到后台的问题,其实这个问题并不是很难,但是在网络上很难找到正确的答案,就连官网里的文档也存在差异!那么今天我写了一个例子,把如何实现动态绑定参数的过程详细作一个介绍。希望能帮到那些正在为之努转载 2016-01-06 17:27:17 · 1301 阅读 · 0 评论 -
jquery插件源码function加!是什么意思?
我们都知道,函数的声明方式有这两种function fnA(){alert('msg');}//声明式定义函数var fnB = function(){alert('msg');}//函数赋值表达式定义函数楼主问题中出现的两个函数,都是匿名函数。通常,我们调用一个方法的方式就是 FunctionName()但是,如果我们尝试为一个“定义函数”末尾加上(),解析器是无法理解的转载 2015-12-05 22:48:39 · 564 阅读 · 0 评论 -
js 原型总结
1. 原型对象先于本体对象创建。2. js调用对象方法,必须指明调用哪个对象,哪怕在本体中调用原型,本体中的方法(本体中的方法必须在调用前先声明),也要加this。3.原型中调用原型中的方法,也要加this。原创 2015-10-16 10:03:27 · 450 阅读 · 0 评论 -
用JQuery获取File input里面的数据
今天学习了用Jquery获取File input里面的数据。我写了一个爪哇服务,用来在网页或命令行中通过表单上传文件。在网页中使用的表单方式为 multipart/form-data ,在爪哇里面通过 MultipartHttpServletRequest 获取文件,很好用啊。可是写命令行的小朋友捣乱,使用的表单方式为 application/x-www-form-urle转载 2016-11-07 09:40:30 · 13875 阅读 · 0 评论 -
checkbox radio select
1. 通过属性来设置选中和读取值 checked selected 2. 通过值来设置选中3. 通过:checked , :selected 伪类来获取选中的值4. select是两层关系 select option, checkbox和radio是一层关系例如:$("#test option:selected").val(); $("#test option:se原创 2016-11-28 09:23:57 · 437 阅读 · 0 评论 -
jQuery队列控制方法详解queue()/dequeue()/clearQueue()
jQuery核心中, 有一组队列控制方法, 这组方法由queue()/dequeue()/clearQueue()三个方法组成, 它对需要连续按序执行的函数的控制可以说是简明自如, 主要应用于animate ()方法, ajax以及其他要按时间顺序执行的事件中.先解释一下这组方法各自的含义.queue(name,[callback]): 当只传入一个参数时, 它返回并指向第一个转载 2016-11-21 16:05:26 · 933 阅读 · 0 评论 -
ajaxFileupload多文件上传
打开google 搜索 ‘ajaxFileupload’ ‘多文件上传’ 可以搜到许许多多类似的,那我为什么还要写一下呢?一个是对之前大神的贡献表示感谢;二个是自己知识的总结;三个是自己在原有的基础上改动了下,在此记录,可能帮助其他朋友。用过这个插件的都知道这个插件的基本用法,我就不废话,直接上代码。我需要实现多个文件上传,之前的做法是定义多个不同id的input,然后把a转载 2016-12-14 11:22:22 · 438 阅读 · 0 评论 -
ajaxFileUpload上传捕获不到服务器返回json,被加pre标签
在做项目 的时候用ajaxFileUpload上传文件的时候服务器返回了json或是捕获不到数据,用百度google搜索了下,没有找什么答案,这就奇怪了,明明服务器返回了json数据,但为什么会捕获不到呢?我把ajaxFileUpload源码拿过来了研究了一下,结果在这里发现了一点问题,代码如下:uploadHttpData: function( r, type ) {转载 2016-12-15 19:17:45 · 5496 阅读 · 0 评论 -
select2用法总结
Select2是什么Select2是一款可以对HTML的标签进行功能优化的jQuery插件,支持对列表进行检索,从远程数据源获取列表项等各种功能.官网文档在此:https://select2.github.io代码示例示例1.从数组中获取列表项且支持搜索前端代码:html>head> script src="http://lib.sin转载 2017-03-10 14:28:51 · 4340 阅读 · 1 评论 -
1.9以后Jquery不支持attr啦!
$(function () { $("#chckAll").click(function () { //$("input[name='chckList']").attr("checked", $("#chckAll").attr("checked")); 失败! var flag = $(th转载 2015-11-30 10:14:33 · 1209 阅读 · 0 评论 -
jQuery动画入门--顺序执行
最近一年多一直在做前端的东西,由于老板在追求一些年轻动感的效果,让页面元素不能仅仅是简单的隐藏显示,所以经常会使用一些动画效果,发现jQuery的动画真心好用啊,把常用的几个总结一下,希望不再每次使用的时候还去翻APIqueue()/ dequeue()这两个方法就像Ajax的XMLHttpRequest对象一样的隐蔽,不为常人所知。这两个方法在动画处理的时候很有用,我们经常会写一转载 2015-12-13 15:54:27 · 588 阅读 · 0 评论 -
用jQuery插件jVectorMap制作中国省份区域图
jVectorMap是一个优秀的、兼容性强的jQuery地图插件。它可以工作在包括IE6在内的各款浏览器中,矢量图输出,除官方提供各国地图数据外,用户可以使用数据转换程序定制地图数据。这里基于jVectorMap插件制作中国地图,其中近期有活动进行的省份区域变色显示,点击有活动的省份区域,便打开对应活动列表页面。首先引入必需的文件,包括样式表、jQuery框架、jVectorMap转载 2015-11-06 10:32:35 · 7930 阅读 · 0 评论 -
js刷新页面
1 history.go(0)2 location.reload()3 location=location4 location.assign(location)5 document.execCommand('Refresh')6 window.navigate(location)7 location.replace(location)8 document.URL=loc转载 2015-10-22 11:14:39 · 360 阅读 · 0 评论 -
jQuery事件
1. trigger() // 触发相应事件,event为事件名,如click,没有on$(selector).trigger(event,[param1,param2,...]) // 使用事件对象触发$(selector).trigger(eventObj)2. select() //文本被选中事件原创 2015-11-09 11:41:23 · 406 阅读 · 0 评论 -
解密jQuery事件核心 - 绑定设计(一)
说起jQuery的事件,不得不提一下Dean Edwards大神 addEvent库,很多流行的类库的基本思想从他那儿借来的jQuery的事件处理机制吸取了JavaScript专家Dean Edwards编写的事件处理函数的精华,使得jQuery处理事件绑定的时候相当的可靠。在预留退路(graceful degradation),循序渐进以及非入侵式编程思想方面,jQuery也做的转载 2015-11-09 15:13:24 · 395 阅读 · 0 评论 -
jQuery源码分析之Event事件分析
对于javascript事件扩展,所有的lib都差不多。和jquery和prototype,yui和Ext,其要解决的首要问题是兼容性,所有 lib都会对event进行包裹,统一其属性解决其兼容性。对于事件的操作无非是addEvent,fireEvent,removeEvent这三个事 件方法。一般lib都会对浏览器的提供的函数做一些扩展,解决兼容性内存泄漏等问题。第三个问题就是如何得转载 2015-11-09 18:14:00 · 539 阅读 · 0 评论 -
$.extend()和$.fn.extend()详解
1. $.extend() . 当只有一个参数时,是给jQuery类扩展新的方法或属性。 当有2个参数时,是将这两个参数合并,并赋给第一个参数。 当有3个或3个以上参数时,是将后面所有参数合并,并赋给第一个参数,注意:第一个参数并没有参与合并,会被覆盖。 当要深拷贝,需把第一个参数设为true,否则设为false。2. $.fn.extend(原创 2015-10-14 10:30:36 · 396 阅读 · 0 评论 -
JS原型与原型链终极详解
一. 普通对象与函数对象 JavaScript 中,万物皆对象!但对象也是有区别的。分为普通对象和函数对象,Object ,Function 是JS自带的函数对象。下面举例说明 function f1(){}; var f2 = function(){}; var f3 = new Function('str','console.log(str)'); var o3转载 2015-10-16 09:39:47 · 329 阅读 · 0 评论 -
jQuery ZeroClipboard粘贴板
网页中偶尔需要复制链接到粘贴板里,然后粘贴分享。为了用户体验都不好意思对客户说“请使用右键复制粘贴”,都需要给一个按钮点一下就复制了内容。此做法常常用到的就是execCommand("Copy")。可惜只IE支持,但无法兼容。今天介绍一款FLASH粘贴板,兼容所有浏览器,但必须得安装了FLASH插件哦。jQuery ZeroClipboard v1.1.1官网:http://steamde转载 2015-11-22 22:38:22 · 549 阅读 · 0 评论 -
js&jquery添加元素
一、JS 1. var el = document.createElement("a"); // 创建元素 document.body.appendChild(el); // 在所有子元素末尾,添加子元素 document.body.removeChild(el); // 移除子元素原创 2015-11-01 15:03:57 · 546 阅读 · 0 评论 -
jquery在线预览PDF文件,打开PDF文件
最主要的是使用到了一个jquery的插件jquery.media.js,使用这个插件就很容易实现了。 核心代码Html代码 > html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr"> meta http-equiv="Content-Type" conten转载 2015-12-10 15:31:39 · 2988 阅读 · 0 评论 -
jQuery操作
1. 选取第一个元素$("p:first") $("p:eq(0)") 2. 选取奇偶行$("tr:even") $("tr:odd")3. append() appendTo() prepend() before() insertBefore() after()原创 2015-11-04 11:19:49 · 403 阅读 · 0 评论 -
jQuery Tooltip
jQuery Tooltip 插件取代了原生的工具提示框,让它们可自定义,您只需要调整它们的内容、位置和外观即可。该插件目前版本是 1.3,已经很长时间没有更新,推荐使用 jQuery UI 工具提示框(Tooltip)。如需了解更多有关 jQuery UI 工具提示框(Tooltip)的细节,请查看 API 文档 jQuery UI 工具提示框部件(Tooltip Widget)转载 2017-03-10 14:34:07 · 403 阅读 · 0 评论