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 相关文章推荐
javascript 对象的定义方法
Jan 10 Javascript
一个基于jQuery的树型插件(OrangeTree)使用介绍
May 03 Javascript
AngularJS入门教程中SQL实例详解
Jul 27 Javascript
微信js-sdk界面操作接口用法示例
Oct 12 Javascript
微信小程序 wxapp画布 canvas详细介绍
Oct 31 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
Apr 07 jQuery
浅谈在react中如何实现扫码枪输入
Jul 04 Javascript
在react中使用vuex的示例代码
Jul 30 Javascript
微信小程序视图控件与bindtap之间的问题的解决
Apr 08 Javascript
layer iframe 设置关闭按钮的方法
Sep 12 Javascript
JavaScript常用工具函数大全
May 06 Javascript
vue组件冲突之引用另一个组件出现组件不显示的问题
Apr 13 Vue.js
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
php限制上传文件类型并保存上传文件的方法
2015/03/13 PHP
PHP-FPM 的管理和配置详解
2019/02/17 PHP
浅析PHP7的多进程及实例源码
2019/04/14 PHP
javascript编程起步(第五课)
2007/01/10 Javascript
在IE中调用javascript打开Excel的代码(downmoon原作)
2007/04/02 Javascript
asp.net中System.Timers.Timer的使用方法
2013/03/20 Javascript
jQuery实现多级下拉菜单jDropMenu的方法
2015/08/28 Javascript
复杂的javascript窗口分帧解析
2016/02/19 Javascript
JS实现点击表头表格自动排序(含数字、字符串、日期)
2017/01/22 Javascript
详谈Angular 2+ 的表单(一)之模板驱动型表单
2017/04/25 Javascript
JavaScript你不知道的一些数组方法
2017/08/18 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
2018/03/08 Javascript
解决vue attr取不到属性值的问题
2018/09/18 Javascript
Vue中import from的来源及省略后缀与加载文件夹问题
2020/02/09 Javascript
vue实现的多页面项目如何优化打包的步骤详解
2020/07/19 Javascript
浅谈vue中resetFields()使用注意事项
2020/08/12 Javascript
VSCode插件安装完成后的配置(常用配置)
2020/08/24 Javascript
python实现DNS正向查询、反向查询的例子
2014/04/25 Python
Django框架的中的setting.py文件说明详解
2018/10/15 Python
5分钟 Pipenv 上手指南
2018/12/20 Python
使用python 计算百分位数实现数据分箱代码
2020/03/03 Python
Python Tkinter图形工具使用方法及实例解析
2020/06/15 Python
Python pysnmp使用方法及代码实例
2020/08/24 Python
Python下载的11种姿势(小结)
2020/11/18 Python
Html5游戏开发之乒乓Ping Pong游戏示例(一)
2013/01/21 HTML / CSS
澳大利亚牛仔裤商店:Just Jeans
2016/10/13 全球购物
德国在线订购鲜花:Fleurop
2018/08/25 全球购物
中医专业应届生求职信
2013/11/17 职场文书
汽车技术服务与营销专业推荐信
2013/11/29 职场文书
六一领导慰问欢迎词
2015/01/26 职场文书
2015年后勤工作总结范文
2015/04/08 职场文书
趣味运动会简讯
2015/07/20 职场文书
德劲DE1108畅想
2021/04/22 无线电
Python利用机器学习算法实现垃圾邮件的识别
2021/06/28 Python
vue实现列表垂直无缝滚动
2022/04/08 Vue.js
MongoDB数据库之添删改查
2022/04/26 MongoDB