jquery list控件

基于Jquery的下拉列表控件(个人觉得实用)

Selectize.js Selectize 是一个基于 jQuery 的 <select> UI 控件,对于标签选择和下拉列表功能非常有用. Selectize 的目标是通过简单而强大的 API 提供坚实可用的用户体验. 主要特色: 简洁的 API,有详细的帮助文档: 支持智能排序和多属性搜索,甚至可以使用打分函数进行排序的: 支持键盘操作,对用户使用友好: 支持同时选择和删除多个项目: 支持远程数据加载,例如 Ajax 调用: 使用示例: 单选选择 ? 1 2 3 4 $('#select

jQuery操作控件

在项目中添加前台控件radio,操作两个div的显示和隐藏,其实是一个很简单的问题,但是费了老大劲才完成,也就是jQuery操作控件的一些基础知识.方法有三种,简单介绍: 1.给元素设置style属性: $("#divShareExamPage").attr("style", "display:none;"); $("#divExamPage").attr("style", "display:bl

精确到秒的JQuery日期控件

项目中需要用到精确到秒的日期控件,到网上搜了一下,发现有一个JQuery控件可以实现该功能---TimerPicker.但是官网上没有提供该控件的完整Demo,而且没有提供汉化包,所以自己汉化了一下,以供需要的朋友参考. 效果图如下: 首先在页面中引用一下库: <link type="text/css" href="css/jquery-ui-1.8.17.custom.css" rel="stylesheet" /> <lin

Jquery获得控件值的方法

一 Jquery获得服务器控件值的方法由于ASP.NET网页运行后,服务器控件会随机生成客户端id,jquery获取时候不太好操作,google了下,总结有以下3种方法: 服务器控件代码:<asp:TextBox ID="txtUserID" runat="server"></asp:TextBox> 1. $("#<%=txtUserID.ClientID%>").val(); 2. $("inp

jquery 分页控件2

jquery 分页控件(二) 上一章主要是关于分页控件的原理,代码也没有重构.在这一章会附上小插件的下载链接,插件主要就是重构逻辑部分,具体可以下载源文件看下,源代码也有注释.为了测试这个插件是能用的,我弄了个简单的asp.net例子(vs 2010).通过ajax根据每一页请求数据,数据是使用json格式进行传输,通过knockout.js绑定.在这里顺便推荐一下汤姆大叔的Knockout应用开发指南 ,是学习Knockout非常好的文章. 惯例:插件Demo Asp.net D

jquery 分页控件1

jquery 分页控件(一) 以前一直都是用别人的分页控件,虽然用得很爽,但总觉的还是自己写个小插件比较好,这个插件效果.代码等都有参照别人完成的控件.即便功能并不是那么完善,扩展性也不好,bug或许还很多.个人觉得,适合自己用就行了.你对自己写的肯定会比较熟悉,当插件需要不停的重构,这个插件就慢慢完善了.现在要做的是走出开头的那一步.往往都是因为开头的那一步阻碍了我们. 废话一大堆........ 惯例 Demo下载效果图: 一.定义基础数据 //基础数据 var current_page

针对 jQuery Gridly 控件显示多少列的问题。

针对 jQuery Gridly 控件显示多少列的问题,完全根据 columns 的值来显示. 但是显示columns,并不是给多少值显示几列.到目前还是很模糊的.官方文档没有给出具体的一个解释. $('.gridly').gridly({ base: 60, // px gutter: 20, // px columns: $("#FormColumnCount").val() * 3, callbacks: { reordered: function ($elements) { /

jQuery树形控件zTree使用小结

作者:Fonour 字体:[增加减小] 类型:转载时间:2016-08-02我要评论这篇文章主要为大家详细介绍了jQuery树形控件zTree使用方法,zTree树插件的基本使用方法,感兴趣的小伙伴们可以参考一下 0 zTree简介树形控件的使用是应用开发过程中必不可少的.zTree 是一个依靠 jQuery 实现的多功能 “树插件”.优异的性能.灵活的配置.多种功能的组合是 zTree 最大优点. 0.0 zTree的特点 •最新版的zTree将核心代码按照功能进行了分割,不需要的

jquery时间控件

jQuery 时间控件推荐博客分类: jQuery 时间控件 My97DatePicker My97DatePicker是一个更全面,更人性化,并且速度一流的日期选择控件.具有强大的日期范围限制功能:自定义事件和丰富的API库:多语言支持和自定义皮肤支持:跨无限级框架显示和自动选择显示位置. My97DatePicker JS Calendar JS Calendar是一个支持多种浏览器,多种语言的日历控件. JS Calendar Calendar Popup 一个灵活的日期选

JQuery日历控件

日历控件最后一弹——JQuery实现,换汤不换药.原理一模一样,换了种实现工具.关于日历的终于写完了,接下来研究研究nodejs.嗯,近期就这点事了. 同样还是将input的id设置成calendar就可以使用这个控件了. <input id="calendar" type="text" /> 当然别忘了引用jquery库,必须在引用这个控件之前引用jquery库. calendar_jquery.js源代码: // JavaScript Documen

jQuery验证控件jquery.validate.js使用说明

官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明转载自:http://blog.sina.com.cn/s/blog_608475eb0100h3h1.html 转载自:http://blog.csdn.net/windxxf/article/details/7520340,中文API请参考此处内容一导入js库<script src="../

jQuery验证控件jquery.validate.js使用说明+中文API

官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明学习链接:http://www.runoob.com/jquery/jquery-plugin-validate.html 一导入js库<script src="../js/jquery.js" type="text/javascript"></scrip

jquery 验证控件

最近应公司要求做了一个jquery的示例文件,包括:模态窗口怎么实现:jquery validate下的校验:怎么做图片特效:怎么实现异步操作:实现图片上传剪切效果等很多特效: 这里把jquery校验的部分传上来与大家分享,直接复制出来就可以正常使用(没有后台异步校验没有意义,所以未上传,如有需要qq联系) 文中需要用到的jquery validate的文件做校验有什么不明白的地方可以参考我的博文 jquery校验详解代码如下: <!DOCTYPE html PUBLIC "-//W3

jQuery 日历控件 FullCalendar 初识

最近有个日程管理的需求,就学习了一下 FullCalendar 控件的一些基本知识,本文不是详细介绍该控件的 API 的文档,而是记录本人使用过程中的一些学习情况. 先看一下效果图月/周/日视图黄色表示今天: 其中有两个事项,rrr 和 test 是名称,7a 和 5a 是开始时间,其中 a 表示上午,同理 p 表示下午,周视图和日视图左侧都有时间轴. 在 html 中建立一个空的 div : <div id='fullCalendarDemo'> </div> 接下来就是

(转)jQuery验证控件jquery.validate.js使用说明+中文API

官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明转载自:http://blog.sina.com.cn/s/blog_608475eb0100h3h1.html 一导入js库<script src="../js/jquery.js" type="text/javascript"></script>

自己写的简单的jQuery分页控件

因为是内部项目,需要分页控件,网上找了一大堆,给领导一看,都说不行,原因很简单,太复杂,领导就想要个简单点的,类似百度的分页,可是自己也没写过Jquery控件,硬着头皮找了些资料,写了这个分页控件,目前只在chrome测试,其他的兼容性不知道, 总算也会自己写插件了, 虽然很烂,但好歹也是进步啊,附上图片,源码,也许有人也有同样的需求可以用得到,欢迎指正,批评!! css: @charset "utf-8";* { margin:0px; padding:0px; font

jQuery验证控件(转载)

转自:http://www.cnblogs.com/hejunrex/archive/2011/11/17/2252193.html 官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明转载自:http://blog.sina.com.cn/s/blog_608475eb0100h3h1.html 一导入js库<script src="../js/

从数据库中，绑定JQuery Accordion控件---Repeater control

http://aspsnippets.com/Articles/jQuery-Accordion-example-in-ASPNet-using-C-and-VBNet.aspx 1. 添加JQuery 引用 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <scr

基于jQuery的控件：弹框

★页面展示 ★属性属性值说明默认值 div Object jQuery对象 $('body') width Number 控件的宽度 auto height Number 控件的高度 auto title String 弹框的头 ‘提示’ content String 弹框的内容 iframeUrl String 弹出iframe的路径 offsetTop Number||String 绝对定位top 值: top,bottom,数字居中 offsetLeft Number||Stri

jQuery验证控件jquery.validate.js的使用介绍