利用jQuery实现CheckBox全选/全不选/反选
摘要：jQuery有些版本中实现CheckBox全选/全不选/反选会有bug，经测试jquery-1.3.1.js–>测试通过，jquery-1.5.1.js–>测试不通过。实现CheckBox全选/全不选/反选代码如下：<%@ page language="java" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title&
阅读全文
posted @
2013-06-21 14:28
Ruthless
阅读(15939)
推荐(1) 编辑
My97DatePicker日期控件的使用
摘要：本文演示如何在MyEclipse项目中使用My97DatePicker日期控件1、下载My97DatePicker日期控件，My97DatePicker日期控件下载地址2、在MyEclipse项目中安装My97DatePicker，把下载后的My97DatePicker解压后放在WebRoot子目录下，如WebRoot/dd/js/My97DatePicker(我把My97DatePicker放在WebRoot/dd/js/目录下，My97DatePicker为解压后的文件夹)3、引用My97DatePicker，在要使用的jsp页面中引入js，如下4、调用My97DatePicker，如下/
阅读全文
posted @
2013-06-21 14:26
Ruthless
阅读(27135)
推荐(0) 编辑
漂亮的表格样式–>使用CSS样式表控制表格样式
摘要：依照WEB2.0风格，设计了几个表格样式，希望大家喜欢。WEB2.0提倡使用div开布局，但不是要完全放弃使用表格，表格在数据展现方面还是不错的选择。现在介绍使用CSS样式表来控制、美化表格的方法。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"
阅读全文
posted @
2013-06-21 14:24
Ruthless
阅读(14219)
推荐(3) 编辑
js正则表达式总结
摘要：1、require: /.+/,2、username: /^[\u4E00-\u9FA5A-Za-z0-9_\ ]{3,20}$/i,3、password: /^[a-zA-Z0-9\_\-\~\!\%\*\@\#\$\&\.\(\)\[\]\{\}\<\>\?\\\/\’\”]{3,20}$/,4、number: /^\d+$/,5、money: /^(([1-9]\d*)|(([0-9]{1}|[1-9]+)\.[0-9]{1,2}))$/,6、per: /^(?:[1-9][0-9]?|100)(?:\.[0-9]{1,2})?$/,7、email: /^\w+([-
阅读全文
posted @
2013-06-21 14:22
Ruthless
阅读(992)
推荐(0) 编辑
使用jQuery实现类似开关按钮的效果
摘要：本案例实现类似开关按钮效果。页面有下拉列表、文本框、按钮等表单元素，大致实现如下效果：1、页面一加载时，文本框隐藏，下拉列表显示，按钮值变为“显示文本框”。2、点击“显示文本框”按钮时，文本框显示，下拉列表隐藏，按钮值变为“显示下拉列表”。3、点击“显示下拉列表”按钮时，文本框隐藏，下拉列表显示，按钮值变为“显示文本框”。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>hide_or_show.html</
阅读全文
posted @
2013-06-21 14:21
Ruthless
阅读(16353)
推荐(0) 编辑
向table添加水平滚动条
摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>给table新增水平滚动条</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is
阅读全文
posted @
2013-06-21 14:19
Ruthless
阅读(44502)
推荐(4) 编辑
jQuery插件–jqueryflexselect下拉框自动提示
摘要：原理：用户在文本框中输入一个字符(或输入字符的首字母)，然后利用ajax，从后台服务器中进行检索，组装后并返回到页面，页面通过javascript进行解析，在一个层里面显示出来。类似的效果如下：<%@ page language="java" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>jQuery插件--jque
阅读全文
posted @
2013-06-21 14:18
Ruthless
阅读(5052)
推荐(0) 编辑
ajax请求成功后打开新窗口地址
摘要：jQuery.ajax({"type":"post","url":"http://www.baidu.com", "success":function(rel){if(rel.isSuccess){ window.open(rel.url,"_blank");}}});这个url请求成功后window.open(rel.url,"_blank");会被浏览器拦截，无法打开新窗口，如果把window.open()放在ajax外面，问题就迎刃而解，代码如下：v
阅读全文
posted @
2013-06-21 14:15
Ruthless
阅读(10850)
推荐(0) 编辑
自动补齐flexselect+级联下拉框案例
摘要：在开发web应用时，经常遇到类似省市区级联下拉框操作，即选中省份自动级联加载该省份所有的市，选中市自动级联加载该市所有的区；假设省市区的数据量很大，此时用户想选中某市，因而要从上往下查找，可能半天都找不到，用户体验不佳，因此引入jQuery插件–自动补齐flexselect可解决该弊端，因为该插件支持模糊检索自动补齐，可在极短时间内找到想要的结果，节省了时间又增强了用户操作速度。自动补齐flexselect插件用法请看：http://www.tieguanyin168.com/index.php/jqueryflexselect-1505.html以下模拟省市区级联案例，效果如下：源码：1、服
阅读全文
posted @
2013-06-21 14:14
Ruthless
阅读(3957)
推荐(0) 编辑
利用jquery给指定的table动态添加一行、删除一行
摘要：$("#mytable tr").find("td:nth-child(1)") 1表示获取每行的第一列$("#mytable tr").find("td:nth-child(3)") 3表示获取每行的第三列今天在项目中，刚好用到给指定的table添加一行、删除一行，就直接找google，搜出来的东...
阅读全文
posted @
2013-06-21 14:10
Ruthless
阅读(141751)
推荐(6) 编辑
js字符串转化为日期及日期判断大小
摘要：//将字符串转换为日期 var begin=new Date($("#begin").val().replace(/-/g,"/")); var end=new Date($("#end").val().replace(/-/g,"/")); //js判断日期 if(begin-end>0){ alert("开始日期要在截止日期之前!"); return false; }
阅读全文
posted @
2012-04-20 18:36
Ruthless
阅读(18928)
推荐(1) 编辑
jQuery 复选框全选反选
摘要：<script type="text/javascript"> $(function(){ //全选 $("#CheckedAll").click(function(){ $('[name=items]:checkbox').attr("checked", this.checked ); }); $('[name=items]:checkbox').click(function(){ //定义一个临时变量，避免重复使用同一个选择器选择页面中的元素，提升程序效率。 var $tmp=$(
阅读全文
posted @
2011-09-15 18:51
Ruthless
阅读(5166)
推荐(0) 编辑
jQuery验证框架教程
摘要：jQuery验证框架--可选项（一） http://my.oschina.net/duanlijun/blog/9950jQuery验证框架--插件方法（二） http://my.oschina.net/duanlijun/blog/9951jQuery验证框架--选择器及实用工具（三、四） http://my.oschina.net/duanlijun/blog/9952jQuery验证框架--验证器（五） http://my.oschina.net/duanlijun/blog/9953jQuery验证框架--内置验证方法（六） http://my.oschina.net/duanliju
阅读全文
posted @
2011-08-25 19:54
Ruthless
阅读(1641)
推荐(1) 编辑
json服务器端
摘要：/** * 根据品牌id动态加载标的物 * @return * @throws DataBaseException * @throws IOException */ public String loadModel() throws DataBaseException, IOException{ HttpServletRequest request=ServletActionContext.getRequest(); HttpServletResponse response=ServletActionContext.getResponse(); response.setContentType(.
阅读全文
posted @
2011-08-16 11:08
Ruthless
阅读(2536)
推荐(0) 编辑
jQuery动画高级用法——详解animation中的.queue()函数
摘要：如果你拿着一个疑问去找专业人士寻找答案，那么你的一个疑问会变成三个，因为他会用另外两个令你更加一头雾水的名词来解释你的这个疑问。 我想这是大多数，包括我在内，IT人在学习过程中碰到的最大问题。当你有一段代码或是一个概念不是很清楚，百度也好，Google也好，在论坛发问也好，给出的答案往往又会夹杂着更多你不懂得概念和令你头疼的代码。 我亦是吃了同样的亏，痛定思痛，决定对animate方面做一些总结，希望能给大家一些启发和帮助从一个实际应用谈起 今天不谈animate()、fadeIn()、fadeOut()、slideUp()、slideDown()、show()、hide()诸如此类的具体动.
阅读全文
posted @
2011-08-09 20:16
Ruthless
阅读(1023)
推荐(2) 编辑
jQuery：将文本转化成JSON对象应注意的问题
摘要：在jQuery的许多方法中，很多方法的参数可以传入一个JSON对象，比如Ajax方法的第二个参数。怎么将文本转化成JSON对象，需要注意以下问题：1）$.parseJSON方法返回的是一个字符串，而不是JSON对象。2）要将字符串转化成对象，很容易想起JS中的eval方法。事实上是可以的，不过需要加上括号。如var js="{\"PageIndex\":\"1\"}";var obj=eval("("+js+")");。不过使用eval,是不安全的，因为其可以编译任何js代码。3）下载一个JSO
阅读全文
posted @
2011-08-09 19:20
Ruthless
阅读(1274)
推荐(2) 编辑
jquery $(document).ready() 与window.onload的区别
摘要：1.执行时间window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 2.编写个数不同window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个$(document).ready()可以同时编写多个，并且都可以得到执行 3.简化写法window.onload没有简化写法$(document).ready(function(){})可以简写成$(function(){});另外，需要注意一点，由于在 $(document).ready() 方法内注册
阅读全文
posted @
2011-08-03 21:36
Ruthless
阅读(3512)
推荐(1) 编辑
Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）
摘要：1判断select选项中是否存在Value="paraValue"的Item2向select选项中加入一个Item3从select选项中删除一个Item4删除select中选中的项5修改select选项中value="paraValue"的text为"paraText"6设置select中text="paraText"的第一个Item为选中7设置select中value="paraValue"的Item为选中8得到select的当前选中项的value9得到select的当前选中项的text10得
阅读全文
posted @
2011-08-02 18:32
Ruthless
阅读(1075)
推荐(1) 编辑
jQuery Select的操作集合
摘要：1. $("#select_id").change(function(){... }); //为select添加事件，当选择其中一项时触发2. $("#select_id").find("option:selected").text();//获取select选中的Text3. $("#select_id").val();//获取Select选中的Value4. $("#select_id ").get(0).selectedIndex;//获取Select选中的索引值5. $("#se
阅读全文
posted @
2011-07-28 11:24
Ruthless
阅读(13140)
推荐(2) 编辑
servlet+json+ajax集成
摘要：模拟下拉列表二级菜单联动 1、页面 <tr> <td align="right"><font color="red">*</font>一级服务类型：</td> <td> <select name="dept" id="dept" onchange="loadDeptChild(this.options[this.options.selectedIndex].value)"/> <option value=&
阅读全文
posted @
2011-07-06 14:15
Ruthless
阅读(12725)
推荐(2) 编辑
