jquery 使用点滴函数代码


Posted in Javascript onMay 20, 2011

1、简单的按钮js事件 用于判断和显示提示

<script type="text/javascript" language="javascript"> 
$(document).ready(function () { 
$("#btnlogin").click(function () { 
$("#lblInfo").html(""); 
var uid = $.trim($("#txtUsername").val()); 
var pwd = $.trim($("#txtPassword").val()); 
if (uid == "") { 
$("#lblInfo").html("账号不能为空"); 
$("#txtUsername").focus(); 
return false; 
} 
if (pwd == "") { 
$("#lblInfo").html("密码不能为空"); 
$("#txtPassword").focus(); 
return false; 
} 
}); 
}); 
</script>

2、下拉列表的处理

function dropTypeChange() 
{ 
var sel = $("#<%=dropType.ClientID %> option:selected").val(); 
if(sel=="-1") 
{ 
$("#<%=txtNo.ClientID %>").attr('disabled',true); 
} 
else 
{ 
$("#<%=txtNo.ClientID %>").attr('disabled',false); 
} 
}

//获取第一个option的值
$('#test option:first').val();
//最后一个option的值
$('#test option:last').val();
//获取第二个option的值
$('#test option:eq(1)').val();
//获取选中的值
$('#test').val();
$('#test option:selected').val();
//设置值为2的option为选中状态
$('#test').attr('value','2');
//设置第一个option为选中
$('#test option:last').attr('selected','selected');
$("#test").attr('value' , $('#test option:last').val());
$("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());
//获取select的长度
$('#test option').length;
//添加一个option
$("#test").append("<option value='9'>ff</option>");
$("<option value='9'>ff</option>").appendTo("#test");
//添除选中项
$('#test option:selected').remove();
//指定项选中
$('#test option:first').remove();
//指定值被删除
$('#test option').each(function(){
if( $(this).val() == '5'){
$(this).remove();
}
});
$('#test option[value=5]').remove();
//获取第一个Group的标签
$('#test optgroup:eq(0)').attr('label');
//获取第二group下面第一个option的值
$('#test optgroup:eq(1) :option:eq(0)').val();

Javascript 相关文章推荐
jQuery实现的立体文字渐变效果
May 17 Javascript
使用jquery读取html5 localstorage的值的方法
Jan 04 Javascript
解决js数据包含加号+通过ajax传到后台时出现连接错误
Aug 01 Javascript
javascript如何动态加载表格与动态添加表格行
Nov 27 Javascript
JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
Oct 17 Javascript
express的中间件basicAuth详解
Dec 04 Javascript
a标签置灰不可点击的实现方法
Feb 06 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
Aug 03 Javascript
手动下载Chrome并解决puppeteer无法使用问题
Nov 12 Javascript
玩转Koa之koa-router原理解析
Dec 29 Javascript
微信小程序实现吸顶特效
Jan 08 Javascript
Vue props中Object和Array设置默认值操作
Jul 30 Javascript
JQuery对checkbox操作 (循环获取)
May 20 #Javascript
检测jQuery.js是否已加载的判断代码
May 20 #Javascript
JQuery datepicker 使用方法
May 20 #Javascript
Jquery中Ajax 缓存带来的影响的解决方法
May 19 #Javascript
jQuery对表单元素的取值和赋值操作代码
May 19 #Javascript
基于jquery的button默认enter事件(回车事件)。
May 18 #Javascript
jquery构造器的实现代码小结
May 16 #Javascript
You might like
风格模板初级不完全修改教程
2006/10/09 PHP
PHP函数utf8转gb2312编码
2006/12/21 PHP
php简单实现文件或图片强制下载的方法
2016/12/06 PHP
php获取ip及网址的简单方法(必看)
2017/04/01 PHP
javascript 程序库的比较(一)之DOM功能
2010/04/07 Javascript
用JS判别浏览器种类以及IE版本的几种方法小结
2011/08/02 Javascript
jquery交替变换颜色的三种方法 实例代码
2013/11/19 Javascript
JS获取客户端IP地址、MAC和主机名的7个方法汇总
2014/07/21 Javascript
Nodejs极简入门教程(二):定时器
2014/10/25 NodeJs
简述JavaScript中正则表达式的使用方法
2015/06/15 Javascript
js跨浏览器的事件侦听器和事件对象的使用方法
2015/12/17 Javascript
Vue.js每天必学之内部响应式原理探究
2016/09/07 Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
2016/11/29 Javascript
JavaScript实现获取用户单击body中所有A标签内容的方法
2017/06/05 Javascript
ionic中的$ionicPlatform.ready事件中的通用设置
2017/06/11 Javascript
webpack 2的react开发配置实例代码
2017/07/28 Javascript
js + css实现标签内容切换功能(实例讲解)
2017/10/09 Javascript
nodejs基础之常用工具模块util用法分析
2018/12/26 NodeJs
微信小程序 自定义弹窗实现过程(附代码)
2019/12/05 Javascript
Vue watch响应数据实现方法解析
2020/07/10 Javascript
Vue封装全局过滤器Filters的步骤
2020/09/16 Javascript
前端vue如何使用高德地图
2020/11/05 Javascript
python读取一个目录下所有txt里面的内容方法
2018/06/23 Python
python使用matplotlib库生成随机漫步图
2018/08/27 Python
使用pyhon绘图比较两个手机屏幕大小(实例代码)
2020/01/03 Python
了解一下python内建模块collections
2020/09/07 Python
Django模板报TemplateDoesNotExist异常(亲测可行)
2020/12/18 Python
python pygame 愤怒的小鸟游戏示例代码
2021/02/25 Python
Andrew Marc官网:设计师外套的领先制造商
2019/10/30 全球购物
几个Shell Script面试题
2014/04/18 面试题
银行实习自我鉴定
2013/10/12 职场文书
实习自我评价怎么写
2013/12/02 职场文书
个人承诺书怎么写
2014/05/24 职场文书
交通事故被告代理词
2015/05/23 职场文书
预备党员入党感言
2015/08/01 职场文书
Python 的演示平台支持 WSGI 接口的应用
2022/04/20 Python