jquery仿京东商城三级联动代码插件

cdn.com/ajax/jQuery/jquery-1.9.1.min.js/scriptscript src=location.js/scriptscript //如果初始化为其他地区的,需要注意选择器的修改,传递不同的proid(省id),cityid:(市id) areaid:(县id),省市对应ID在location.js里面有定义,县id从京东动态加载 $('ul.list1').Address({ proid: 20, cityid: 1726, areaid: 22885 });/script完整压缩包下载地址:jquery仿京东商城三级联动代码插件
http://www.w3dev.cn/article/20141024/jquery-jd-province-city-area-Cascade-select-plugin.aspx

jQuery Slider滑动条取值插件

r滑动条取值插件/titlelink rel=stylesheet href=http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.cssscript src=http://code.jquery.com/jquery-1.10.2.js/scriptscript src=http://code.jquery.com/ui/1.11.2/jquery-ui.js/scriptscript $(function () { $(#slider).slider({ max: 99.9, min: 0, step:
http://www.w3dev.cn/article/20141021/jQuery-Slider-plugin.aspx

jquery jsonp请求asp.net webservice

  使用jquery的jsonp请求asp.net的webservice时,由于webservice一般返回的数据格式为xml或者只包含一个d属性的json(设置ajax请求的contentType为application/json)对象,具体参考:jquery webservice。  如果想指定jquery的ajax为jsonp请求,需要调用Response对象输出原始的内容,调用的方法返回值申明为void。示例代码如下,注意asp.net的webservice要配置允许get/post访问。web.config增加system.web protocols a
http://www.w3dev.cn/article/20140609/jquery-jsonp-asp.net-webservice.aspx

jquery滚动无限加载内容插件

验,当页面滚动到内容底部时候无需点击就自动加载更多的内容。  下面为你推荐 jQuery 的无限滚动加载内容插件:1.jQuery ScrollPaginationjQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。2.jQuery ScrewScrew (scroll + view) 是一个 jQuery 插件当用户滚动页面的时候加载内容,是一个无限滚动翻页的插件。3.AutoBrowse jQuery PluginAutobrowse jQuery Plugin 插件在用户滚动页面的时候自动通过 Ajax 加载更多内容,使
http://www.w3dev.cn/article/20140514/jQuery-Scroll-Infinite-load-content.aspx

jquery事件绑定bind方法名字空间

场景:jquery给页面上的某个元素bind多个click事件处理函数,视用户的具体交互情况来决定到底使用绑定的哪个处理函数。问题:jquery的unbind方法会解绑所有的click事件,造成误伤。如果之前jquery bind时有定义处理函数的方法名,可以通过将方法名传给unbind的第二个参数来解绑指定的bind;但很多情况下bind的处理函数都是匿名函数,此时unbind的第二个参数无法处理。jquery click事件发生时无法指定调用某个具体的事件处理函数,只能将不该调用的函数给unbind掉。解决:采用命名空间,命名空间用法 script type=text/ja
http://www.w3dev.cn/article/20140414/jquery-bind-event-namespace.aspx

jquery attr prop 区别

选框的状态而改变,而checked的 property会因为复选框的状态而改变,所以在.attr()函数中,就算设置成了.attr(checked, true),也只是用来存储默认或者选中属性的默认值,却并不改变该复选框被选中和选中,这就是为什么 checkbox标签已有checked=checked但是不显示勾选 的原因所在  PS一下,如果你有JS性能洁癖的话,显然prop的性能更高,因为attr需要访问DOM属性节点,访问DOM是最耗时的。这种情况适用于多选项全选和反选的情况。  补充一张,这样就很清晰了:参考:http://www.javascript100.com/?p=877
http://www.w3dev.cn/article/20140127/jquery1.6-attr-prop-different.aspx

简易flv播放器jquery.jflv.js

h-CN lang=zh-CNheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /title简易flv播放器jquery.jflv.js/titlescript type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptscript type=text/javascript /***简易flv播放器,可用通过js控制flv播放,暂停。 *方法 *PlayFLV(u
http://www.w3dev.cn/article/20140122/flv-player-control-by-js-jquery.jflv.js.aspx

javascript/jquery绘制条形码/二维码插件barcode

pt绘制条形码/二维码,居于jquery的实现,示例和API如下,翻译来源:http://barcode-coder.com/en/barcode-jquery-plugin-201.html注意:需要绘制的条形码/二维码长度和字符串包含字母之类的,注意要选择不同的条形码/二维码类型,要不无法绘制(没研究过条形码,经测试视乎是这样的)。建议直接选择code128  jquery绘制条形码/二维码插件jquery.barcode.js API文档和使用说明如下1)query.barcode.js安装  同其他jquery插件一样,只需要将jquery框架和jquery.barcode.js导入页
http://www.w3dev.cn/article/20140108/jquery-barcode-plugin.aspx

jquery.ui.autocomplete.js输入中文无法显示匹配项

  如果你使用jquery.ui.autocomplete.js自动完成插件功能,输入中文字符没有出现匹配的信息,那么50%的可能是出现了乱码(当然不排除动态页出错之类的)。  要将加载jquery.ui.autocomplete.js插件页面,数据源统一为utf-8编码,并且2个页面的存储编码也要为utf-8(记事本打开,另存为,编码选择utf-8,保存替换原来的文件)  从jqueryui.com下载下来的jquery.ui.autocomplete demo示例,html文件使用meta charset=utf-8指定为utf-8编码,但是html文件的存储编码却是ansi的,他们那边没
http://www.w3dev.cn/article/20131230/jquery.ui.autocomplete.js-can-not-match-chinese.aspx

jquery多级下拉菜单插件

  居于jquery框架的网站多级下拉菜单插件,融合了jquery.color.js,jquery.lavalamp.js,jquery.easing.js 这3个插件,效果如下图link rel=Stylesheet type=text/css href=/menu/menu.css /stylebody{background:#999}/stylediv id=menu ul class=menu li a href=# class=parentspanlevel 1_1/span/a ul li
http://www.w3dev.cn/article/20131220/jquery-menu-plugin.aspx

扑克牌翻牌效果jquery插件

  用jquery实现的扑克牌翻牌效果,未使用html5,效果当然没有html5的3d好,但是兼容性好。使用的扑克牌图片如下   源代码如下!DOCTYPE HTMLhtmlheadmeta charset=UTF-8/title扑克牌翻牌效果jquery插件/title/headbodyscript type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptscript type=text/javascript window.onload = func
http://www.w3dev.cn/article/20131212/flip-poker-jquery-plugin.aspx

jquery ajaxStart不响应注意事项

  使用jquery的ajax方法ajaxStart,ajaxComplete,ajaxError,ajaxSend,ajaxStart,ajaxStop,ajaxSuccess注册事件,如果没有执行,没反应,请注意你使用的jquery版本,jquery1.8+版本这些方法只能注册事件到document对象上,注册到其他对象上无法响应。As of jQuery 1.8, the .ajaxStart() method should only be attached to document.http://api.jquery.com/ajaxStart/
http://www.w3dev.cn/article/20131206/jquery-ajaxStart-does-not-Response.aspx

jquery倒影水波纹效果插件

ntent=text/html; charset=gb2312title超酷的jquery实现图片水波纹动画效果源码_酷站代码 www.5icool.org/titlescript type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptscript type=text/javascript window.onload = (function () { jQuery.fn.lake = function (options) {
http://www.w3dev.cn/article/20131101/jquery-image-inverted-Water-ripples-plugin.aspx

jquery实现章节目录效果

chor锚点时,在页面右边生成一个不随页面滚动的固定anchor列表,当那些章节锚点显示在浏览器可见视窗内,增加浮动章节列表的锚点获得焦点的样式。章节的锚点位置注意看示例中的代码,将会取章节容器中的第一个子元素锚点作为章节目录列表内容。jquery实现章节目录效果源代码!DOCTYPE html titlejquery实现章节目录效果/titlescript src=https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js/scriptstylebody{background-attachment:fixed;background-imag
http://www.w3dev.cn/article/20131101/article-catalog-jquery-plugin.aspx

easyui combobox设置获取焦点

  easyui combobox如何设置获取焦点,看了最新版本easyui的API,没有提供使combobox设置焦点的方法。用firebug或者chrome的开发人员工具查看easyui combobox生成的DOM结构可以看出原来的select或者input对象已经隐藏起来了,所以直接$('原对象选择器').focus()这句是没有效果的,因为原对象已经隐藏起来了。可以获取下个span节点,然后找到里面的input对象进行聚焦即可。$('#id').combobox().next('span').find('input')
http://www.w3dev.cn/article/20131030/easyui-combobox-set-focus.aspx

单选和多选集成的jquery combobox插件

  单选和多选集成的jquery combobox插件,下拉选项中既有单选又有多选输入框,具体使用看示例和说明,效果如下title单选和多选集成的jquery combobox插件/titlescript type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptstyle.pop{position:absolute;border:solid 1px black;display:none;padding:5px;background:#eeeeee}.pop a.
http://www.w3dev.cn/article/20131024/single-multiple-select-integrated-combobox.aspx

ajaxfileupload jQuery has no method handleError错误

constructor'enhanced'returnnewjQuery.fn.init(selector,context,rootjQuery);}hasnomethod'handleError'对应ajaxfileupload语句jQuery.handleError(s,xml,status,e);  那么应该是导入的jquery版本高于1.4+了,1.5+jquery重写过ajax部分内容,已经删除handleError这个方法,但是ajaxfileupload还是使用旧版本的jquery,既1.5以下的jquery方法handleError,所以报错。
http://www.w3dev.cn/article/20131024/ajaxfileupload-Query-has-no-method-handleError.aspx

C# tabControl设置tabpage获取焦点

  C# tabControl控件如何设置动态设置哪个tabPage获取焦点显示出来。  解决办法:设置tabControl的SelectedIndex属性,从0开始计数,这个属性在VS的控件属性标签页里面不显示。  示例,点击tabPage1中的按钮设置tabControl的第二个tabPage获取焦点private void btnCheck_Click(object sender, EventArgs e){ tabControl1.SelectedIndex = 1;//注意小标从0开始}
http://www.w3dev.cn/article/20130821/csharp-tabControl-select-tabpage.aspx

jQuery zTree获取勾选节点的全路径

tyle.css type=text/css script type=text/javascript src=../../../js/jquery-1.4.4.min.js/script script type=text/javascript src=../../../js/jquery.ztree.core-3.5.js/script script type=text/javascript src=../../../js/jquery.ztree.excheck-3.5.js/script script type=text/javascript fun
http://www.w3dev.cn/article/20130807/get-jQuery-zTree-checked-node-full-path.aspx

Ext4+通过服务器返回值动态创建多条折线

  如果服务器返回的折线数据的字段是动态创建,ext4+如何使用这种数据动态创建多条折线。  例如,服务器返回如下的数据{fields:[2013-8-7,2013-8-8],rows:[{hour:0,2013-8-7:94,2013-8-8:54},{hour:1,2013-8-7:31,2013-8-8:51},{hour:2,2013-8-7:41,2013-8-8:25},{hour:3,2013-8-7:75,2013-8-8:70},{hour:4,2013-8-7:95,2013-8-8:96},{hour:5,2013-8-7:87,2013-8-8:11},{hour:
http://www.w3dev.cn/article/20130807/ext4-create-line-chart-dynamic-from-server-response.aspx

jQuery.cookie.js中文API

jquery.cookie.js中文API一个简单,轻量级的jQuery插件,用于读,写,删除浏览器cookie。安装将最后贴出的jQuery.cookie.js源代码保存为js文件,然后在jQuery类库后面用script导入jquery.cookie.js文件。script src=/path/to/jquery.js/scriptscript src=/path/to/jquery.cookie.js/script备注:不要直接引用GitHub网站的jquery.cookie.js文件。这个js文件的mime类型被设置为 text/plain,在Windows7系统下的IE浏览器会阻止这
http://www.w3dev.cn/article/20130801/jQuery.cookie.js-chinese-API.aspx

jqGrid集成jQuery UI介绍

  jqGrid为jQuery的一个插件,所以一些情况下可以使用jQuery一些辅助插件,所以为什么在这里讨论 jQuery UI类库。要求和安装jqGrid要使用jQuery UI这个功能,需要在head标签内将jQuery UI类库导入到当前页面。如何下载 jQuery UI library 参考这里: here。下载完jQuery UI后,页面结构示例如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtdhtml xmlns=http
http://www.w3dev.cn/article/20130716/jqGrid-jQuery-UI-Integration.aspx

jqGrid如何使用jQuery UI

n case of Cancel button clicked } }});使用的 jQuery UI 部件和其他插件jQuery UI 核心jQuery UI 可排序部件jQuery UI 对话框jQuery multiselect(多选) 插件   jQuery multiselect从这里下载: here.,此插件已经包含在jqGrid的plugins目录中,不重新下载也可以。Sortable Rows(可排序行)此方法允许通过鼠标重新排列(排序)数据行,调用方式jQuery(#list).sortableRows(options);//新 APIjQuery(#list
http://www.w3dev.cn/article/20130716/jqGrid-use-jQuery-UI.aspx

jqGrid,强大的jquery表格插件

  jqGrid是一款基于jQuery框架功能强大表格显示数据处理插件,使用jqGrid通过jquery ajax加载动态页返回的json或者xml等其他数据,实现数据表格的显示。 底层表格(Basic Grid):jqGrid开发简单,用户很容易安装管理。CSS控制样式:jqGrid兼容jquery UI主题。开发者可以使用UI CSS Framework改变表格的皮肤。速度快:最新版本渲染引擎改进加载速度,在一些情况下快于之前版本的5~10倍。分页:这个特性允许开发者定义每页显示多少条数据,生成导航,其他数据将在用户点击导航之后才从服务器下载。列可以调整:列的宽度可以通过鼠标拖拽修改排
http://www.w3dev.cn/article/20130625/jqGrid-jquery-plugin.aspx

jquery代码性能优化技巧

nt = $(div#content); 这样一来,选择器会先遍历所有的div元素,然后匹配#content。(好像jQuery从1.3.1开始改变了选择器核心后,不存在这个问题了。暂时无法考证。)(2)不要画蛇添足的使用ID来修饰ID,如下所示: var traffic_light = $(#content #traffic_light);3,将jQuery对象缓存起来把jQuery对象缓存起来 就是要告诉我们 要养成将jQuery对象缓存进变量的习惯。下面是一个jQuery新手写的一段代码: $(#traffic_light input.on).bind(click, function
http://www.w3dev.cn/article/20130609/jquery-code-optimization.aspx

jquery 1.5新增deferred对象总结

8/a_detailed_explanation_of_jquery_deferred_object.html  jQuery 1.5.0版本开始引入的一个新功能----deferred对象。  这个功能很重要,未来将成为jQuery的核心方法,它彻底改变了如何在jQuery中使用ajax。为了实现它,jQuery的全部ajax代码都被改写了。但是,它比较抽象,初学者很难掌握,网上的教程也不多。  本文不是初级教程,针对的读者是那些已经具备jQuery使用经验的开发者。jQuery的deferred对象详解作者:阮一峰一、什么是deferred对象?  开发网站的过程中,我们经常遇到某些耗时很
http://www.w3dev.cn/article/20130605/jquery1.5-deferred-summary.aspx

jquery.infinitescroll中文配置API及示例

t为gb2312br /asp/asp.net,其他语言自己找下资料br /response.charset=gb2312br /Response.Charset=gb2312;/h1script type=text/javascript src=../../js/jquery.js/scriptscript src=jquery.infinitescroll.dev.js/scriptscript $(function () { $('#content').infinitescroll({ loading: {
http://www.w3dev.cn/download/20130531/jquery.infinitescroll-config-demo.aspx

jquery.validate.js valid方法及注意事项

t type=button value=提交 id=btn//formbrbuttonValidate!/buttonscript src=http://code.jquery.com/jquery-1.9.1.min.js/scriptscript src=http://jquery.bassistance.de/validate/jquery.validate.js/scriptscript src=http://jquery.bassistance.de/validate/additional-methods.js/scriptscript window.onload = fun
http://www.w3dev.cn/article/20130530/jquery-validate-js-valid-method-note.aspx

图片手风琴效果jQuery插件

风琴效果jQuery插件,要使用本插件需奥导入jquery框架。效果和源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtmlheadmeta http-equiv=content-type content=text/html; charset=utf-8/script type=text/javascript src=/js/jquery.js/scripttitle图片手风琴效果jQuery插件/t
http://www.w3dev.cn/article/20130520/images-accordion-jquery-plugin.aspx