jquery 省市区联动插件

使用方式: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title>  <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"…

此版本为网上的日期联动插件修改版,加入了修改后事件 /* * jQuery Date Selector Plugin * 日期联动选择插件 * * Demo: $("#calendar").DateSelector({ ctlYearId: <年控件id>, ctlMonthId: <月控件id>, ctlDayId: <日控件id>, defYear: <默认年>, defMonth: <默认月>, defDay: <…

JS省市区联动

JS省市区使用文档一:服务器返回JSON格式要求如下网址里面data的格式:(拿KISSY组件data格式来做的) http://gallery.kissyui.com/cityselector/doc/linkage-data.js 二:使用时,页面head部分需要引入jquery和省市区JS,依赖于HTML结构如下: <select id="prov4" data-code="220000"></select> <select…

jQuery省市区三级联动插件

体验效果:http://hovertree.com/texiao/bootstrap/4/支持PC和手机移动端. 手机扫描二维码体验效果: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta nam…

项目一:第九天 1、前台客户登录 2、Jquery citypicker省市区三级联动插件 4、业务受理（在线下单）

1. 前台客户登录 2. Jquery citypicker省市区三级联动插件 3. 百度地图介绍 4. 业务受理(在线下单) 1 实现前台系统登录功能 1.1 Md5加密 admin(明文)---------Md5加密---------à(密文) 21232f297a57a5a743894a0e4a801fc3: MD5加密算法公开,不可逆. 注册:将用户密码加密为密文.在数据库中存密文登陆:将用户输入明文加密 ,比对密文是否一致 1.2 前台系统页面调整 1.增加form的Act…

中国省市区地址三级联动插件---jQuery Distpicker

插件描述:distpicker是一款可以实现中国省市区地址三级联动jQuery插件.它使用简单,简单设置即可完成中国省市区地址联动效果. [官网]https://fengyuanchen.github.io/distpicker/ [CDN地址]http://www.bootcdn.cn/distpicker/ [源代码]https://github.com/fengyuanchen/distpicker 安装可使用CDN方法使用插件需要同时引用 jQuery和 Distpicker插件 <s…

js replace 全局替换以表单的方式提交参数判断是否为ie浏览器将jquery.qqFace.js表情转换成微信的字符码手机端省市区联动新字体引用本地运行可以获得，放到服务器上报404 C#提取html中的汉字 MVC几种找不到资源的解决方式使用Windows服务定时去执行一个方法的三种方式

js replace 全局替换 js 的replace 默认替换只替换第一个匹配的字符,如果字符串有超过两个以上的对应字符就无法进行替换,这时候就要进行一点操作,进行全部替换. <script language="javascript"> var strM = "这是要被替换的字符串啊啊!"; //在此我想将字母a替换成字母A alert(strM.replace("啊","额")); </script&…

jquery省市区三级联动

jquery省市区三级联动(数据来源国家统计局官网)内附源码下载很久很久没有写博了. 今天更新了项目的省市区三级联动数据,更新后最新的海南三沙都有,分享给所有需要的小伙伴们... JQUERY + JSON,无数据库,纯JS代码,无加密,无压缩,可直接使用在任何项目中. 数据来源于国家统计局官网. 先上图: 绑定省市区使用方法: 1. 引用JQUERY <script type="text/javascript" src="http://apps.bdimg.…

jQuery下拉列表二级联动插件

jQuery下拉列表二级联动插件的视图代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery下拉列表二级联动插件</title> <script type="text/javascript" src="jquery-1.7.1.min.js"&g…

基于MVC4+EasyUI的Web开发框架经验总结（1）-利用jQuery Tags Input 插件显示选择记录

最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重构完善过程中,很多细节花费不少时间进行研究和提炼,一步步走过来,也积累了不少经验,本系列将主要介绍我在进一步完善我的Web框架基础上积累的经验进行分享,本随笔主要介绍利用jQuery Tags Input 插件显示选择记录. 我在利用jQuery Tags Input 插件之前,一直想找一个合适的J…

jQuery常用特效插件汇总

jquery的CDN引用及下载地址 http://www.bootcdn.cn/jquery/ 1:semantictabs.js可以简单地制作Tabs菜单2:tabBox.js可以非常简单方便地制作选项卡3:scrolltopcontrol.js返回顶部的导航链接插件,超方便!4:vTip.js提示框插件5:jTicker.js以逐字滚动新闻形式显示内容插件6:stylesheetToggle.js切换网页外观7:airport.js 航班显示板插件8:jquery.validator.j…

JS省市区联动效果

省市区联动下拉效果在WEB中应用非常广泛,尤其在电商网站最为常见.一般使用Ajax实现无刷新下拉联动.利用jQuery,通过读取JSON数据,实现无刷新动态下拉省市二(三)级联动效果. 首先我们可以看看自定义参数配置项如下: 参数配置如下: url 'js/city.min.js', 省市区JSON数据 provId '#prov', 默认省份ID cityId '#city' 默认城市ID areaId '#area' …

一款基于jQuery的联动Select下拉框

今天我们要来分享一款很实用的jQuery插件,它是一个基于jQuery多级联动的省市地区Select下拉框,并且值得一提的是,这款联动下拉框是经过自定义美化过的,外观比浏览器自带的要漂亮许多.另外,这个Select下拉框也可以绑定下拉事件,并获取当前选中项的值. 在线预览源码下载实现的代码. html代码: <div class="wrap"> <div class="nice-select" name="nice-select&…

基于AngularJs + Bootstrap + AngularStrap 省市区联动实践

什么是 AngularJs?网上一大堆资料,没能真正说明白. AngularJs 就是一个函数库,算不上一个框架,源码2万2千多行,提供了前端MVC的开发方式, 有双向绑定,指令等特性,这是具有革命性的.我是多么反感jQuery 用选择器选择元素 ,绑定事件,进行一大堆DOM操作,一旦代码过多,非常不好维护,html结构改变,又要重写js代码, 不过 jQuery 对 ajax的封装是其他框架匹敌不了的,接近于标准. Bootstrap 是一个 css 库,对于搞后端出生的娃,比较友好…

JQuery Ztree 树插件配置与应用小结

JQuery Ztree 树插件配置与应用小结 by:授客 QQ:1033553122 测试环境 Win7 jquery-3.2.1.min.js 下载地址: https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js zTree_v3-master.zip 下载地址: https://github.com/zTree/zTree_v3 插件配置与应用应用效果展示 HTML代码片段 <!DOCTYPE h…

uniapp自定义简单省市区联动组件

又双叒一个uniapp组件最近有一个选择地址的需求,就写了一个省市区联动选择器. 选择日期使用的picker,就照着它简单的整了一个,使用网络请求城市数据,还用到了vuex组件数据共享. 本来自己整了一个底部弹窗,又在插件市场看到了更好的底部弹窗 :LuPopupWrapper--弹窗容器, 所以就用了这个. 依然发布到了插件市场:http://ext.dcloud.net.cn/plugin?id=708 看一下效果吧具体实现 css就不贴出来了,下载可以看到. 第一.底部弹出框 <vie…

提升用户体验的最佳免费 jQuery 表单插件

网页表单是一个老生常谈的话题.出于这样或那样的目的,一些示例中都会包括用户注册,电子商务结算,用户设置甚至联系人表格.而输入栏是非常容易用现代的CSS3技术来应用样式.但是到底什么决定整体用户体验? 在这篇文章中,我想展示一些免费的开源jQuery插件来帮助开发者创建更简易的web表单.访问者不用太多的犹豫就能完成表单的填写.你也许不想太过华丽页面元素,它会干扰手头的任务.考虑这些附加的特性,它就像一个用户指南,能帮助用户填写表单,而它们又涉及到唯一的或者不熟悉的内容. jQuery Autot…

jQuery为开发插件提拱了两个方法:jQuery.fn.extend(); jQuery.extend();

jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(); jQuery.extend(); jQuery.fn jQuery.fn = jQuery.prototype = { init: function( selector, context ) {//…. //…… }; 原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生啦. 虽然 javascript 没有明确的类的概念,但是用类来理解它,会更方便. jQuery…

jQuery 人脸识别插件，支持图片和视频

jQuery Face Detection 是一款人脸检测插件,能够检测到图片,视频和画布中的人脸坐标.它跟踪人脸并输出人脸模型的坐标位置为一个数组.我们相信,面部识别技术能够给我们的 Web 应用带来各种可能性,创造出互动的,有趣的功能. 注:人脸识别,是基于人的脸部特征信息进行身份识别的一种生物识别技术.用摄像机或摄像头采集含有人脸的图像或视频流,并自动在图像中检测和跟踪人脸,进而对检测到的人脸进行脸部的一系列相关技术,通常也叫做人像识别.面部识别. 效果演示插件下载如何使用:…

myWaterfall - jQuery瀑布流布局插件

myWaterfall - jQuery瀑布流布局插件 Demo http://jsfiddle.net/q3011893/p5k2ogy8/embedded/result,html,css,js/ Github https://github.com/xjnotxj/myWaterfall Usage <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script> <script s…

Cropper – 简单的 jQuery 图片裁剪插件

Cropper 是一个简单的 jQuery 图像裁剪插件.它支持选项,方法,事件,触摸(移动),缩放,旋转.输出的裁剪数据基于原始图像大小,这样你就可以用它们来直接裁剪图像. 如果你尝试裁剪跨域图像,请确保您的浏览器支持 HTML5 CORS 属性和图片服务器支持 Access-Control-Allow-Origin 选项.这些浏览器测试通过:Chrome, Firefox, Internet Explorer 8+,Opera, Safari. 在线演示源码下载您可能感兴趣的相…

一款简洁大气的jquery日期日历插件

本jquery插件名为manhuaDate,暂时只支持jquery 1.9.0以下版本,比如jquery-1.8.3.min.js 查看效果网址:http://keleyi.com/a/bjad/emf1jc13.htm 示例代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt…

使用requireJS的shim参数解决插件 jquery.ui 等插件问题

没有requireJS框架之前,如果我们想使用jquery框架,会在HTML页面中通过<script>标签加载, 这个时候jquery框架生成全局变量$和jQuery等全局变量.如果项目中引用了requireJS框架,采用模块化的方式加载jquery,那么 jquery不会再添加全局变量$和 jQuery .现在问题来了,虽然jquery框架已经开始支持AMD规范,但是jquery的众多插件还是不支持AMD,仍然像以前一样需要使用全局变量$.jquery插件大多都是如下结构: (functio…

C#结合Jquery LigerUI Tree插件构造树

Jquery LigerUI Tree是Jquery LigerUI()的插件之一,使用它可以快速的构建树形菜单.呵呵废话不说了,直入正题,下面介绍C#结合ligerui 构造树形菜单的两种方法 1.ID/PID格式 JqueryLigerUI官网上的例子是这样的: 复制代码 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT…

Jquery之树形插件

1.DynaTree (推荐使用,说明文档以及样例在下载的压缩包里\doc\samples.html) DynaTree 是一个优化的动态jQuery树查看插件,它只在需要时才创建DOM元素.支持checkbox.层级选择以及拖放功能.并且支持ajax和延迟加载.开源协议:MIT和GPL. Demo:http://wwwendt.de/tech/dynatree/doc/samples.html 下载地址:http://code.google.com/p/dynatree/ 文档:http://…

【PC端】jQuery+PHP实现浏览更多内容(jquery.more.js插件)

参数说明: 'amount' : '10', //每次显示记录数 'address' : 'comments.php', //请求后台的地址 'format' : 'json', //数据传输格式 'template' : '.single_item', //html记录DIV的class属性 'trigger' : '.get_more', //触发加载更多记录的class属性 'scroll' : 'false', //是否支持滚动触发加载 'offset' : '100', //滚动触发加…

FlexSlider jQuery滑动切换插件参数

demo:http://www.sucaihuo.com/jquery/0/6/demo/ FlexSlider是一个非常出色的jQuery滑动切换插件,它支持所有主流浏览器,并有淡入淡出效果.适合所有初级和高级网页设计师使用.不过很多人都只是使用默认的参数,今天来说说具体的参数来给大家看看! $(window).load(function() { $('.flexslider').flexslider({ animation: "fade", //String: Select you…

jQuery实例——jQuery实现联动下拉列表查询框--转http://www.cnblogs.com/picaso/archive/2012/04/08/2437442.html#undefined

jQuery实例--jQuery实现联动下拉列表查询框在查询与列表显示的时候经常用到联动列表显示,比如一级选项是国家,二级选项是省,三级是市,这样的联动是联系的实时导出的,比如你不可能选择了四川省却在三级联动栏中出现济南市,这样的联动实现方法如下: 效果图示: 实现源代码: <!DOCTaYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD…