当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery 扩展对input的一些操作方法

Javascript
Javascript初学者实例教程(10):图像属性
FF与IE下javascript计算屏幕尺寸
可输入的下拉框
超强图片数量上传无限制
提高代码性能技巧谈—以创建千行表格为例
让插入到 innerHTML 中的 script 跑起来的实现代码
自动设为主页
脚本写的IE右键助手
[原创]checkbox实现全选的多种方法 不断更新
Div+CSS+JS树型菜单,可刷新
CSS+JS构建的图片查看器
如何实现iframe(嵌入式帧)的自适应高度
颜色渐变效果
一条一条新闻向上的滚动 不错
模拟抽奖
[原创]用srcElement实现添加效果
获取对象
带Checkbox的列表框
[原创]图片分页查看
[原创]手机号码本地检测

Javascript 中的 jQuery 扩展对input的一些操作方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 513 ::
收藏到网摘: n/a

扩展对input的一些方法(练习jQuery插件)
复制代码 代码如下:

/* ================================================================================
File:jquery.hy.input.js
Desc: 扩展对input的一些方法
Called by:
Auth: 大气象
Date: 2009-10-30
================================================================================
Change History
================================================================================
Date: Author: Description:
-------- -------- -------------------
================================================================================
Copyright (C) 1992-2009 Hongye Corporation
================================================================================
*/
//扩展jQuery对象方法
jQuery.fn.extend({
/*===========================================================================
功能描述:单击时清空文本框
调用方法:
$(function(){ jQuery("#txt").txtClear();} );
*/
txtClear:function(){
jQuery(this).click(function(){
jQuery(this).val('');
});
},
/*===========================================================================
功能描述:选择全选
调用方法:
情形
<div id="chkBoxes">
<input id="Checkbox1" type="checkbox" />
<input id="Checkbox2" type="checkbox" />
</div>
调用
$("#chkBoxes input[type=checkbox]").check();
*/
check:function(){
return this.each(function(){this.checked=true;});
},
/*===========================================================================
功能描述:取消选择
调用方法:
$("#chkBoxes input[type=checkbox]").uncheck();
*/
uncheck:function(){
return this.each(function(){this.checked=false;});
}
});