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 相关文章推荐
学习YUI.Ext 第四天--对话框Dialog的使用
Mar 10 Javascript
JavaScript 常用函数
Dec 30 Javascript
setTimeout和setInterval的区别你真的了解吗?
Mar 31 Javascript
jquery点击页面任何区域实现鼠标焦点十字效果
Jun 21 Javascript
JSONP跨域GET请求解决Ajax跨域访问问题
Dec 31 Javascript
JavaScript中指定函数名称的相关方法
Jun 04 Javascript
js限制input标签中只能输入中文
Jun 26 Javascript
JS+CSS实现带小三角指引的滑动门效果
Sep 22 Javascript
微信小程序 弹窗自定义实例代码
Mar 08 Javascript
ionic2自定义cordova插件开发以及使用(Android)
Jun 19 Javascript
php register_shutdown_function函数详解
Jul 23 Javascript
js实现简单分页导航栏效果
Jun 28 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
《忧国的莫里亚蒂》先导宣传图与STAFF公开
2020/03/04 日漫
在PHP里得到前天和昨天的日期的代码
2007/08/16 PHP
PHP去掉从word直接粘贴过来的没有用格式的函数
2012/10/29 PHP
科讯商业版中用到的ajax空间与分页函数
2007/09/02 Javascript
关于jQuery object and DOM element
2013/04/15 Javascript
node.js中的http.response.write方法使用说明
2014/12/14 Javascript
javascript显式类型转换实例分析
2015/04/25 Javascript
js实现支持手机滑动切换的轮播图片效果实例
2015/04/29 Javascript
window.open打开窗口被拦截的快速解决方法
2016/08/04 Javascript
angularJs在多个控制器中共享服务数据的方法
2018/09/30 Javascript
微信小程序button标签open-type属性原理解析
2020/01/21 Javascript
使用Angular9和TypeScript开发RPG游戏的方法
2020/03/25 Javascript
jQuery+ajax实现用户登录验证
2020/09/13 jQuery
在antd Table中插入可编辑的单元格实例
2020/10/28 Javascript
Nodejs 数组的队列以及forEach的应用详解
2021/02/25 NodeJs
总结Python编程中三条常用的技巧
2015/05/11 Python
Python脚本实现虾米网签到功能
2016/04/12 Python
python字符类型的一些方法小结
2016/05/16 Python
python处理Excel xlrd的简单使用
2017/09/12 Python
Python算法之求n个节点不同二叉树个数
2017/10/27 Python
python+selenium实现163邮箱自动登陆的方法
2017/12/31 Python
1 行 Python 代码快速实现 FTP 服务器
2018/01/25 Python
Python自定义函数计算给定日期是该年第几天的方法示例
2019/05/30 Python
意大利领先的线上奢侈品销售电商:Eleonora Bonucci
2017/10/17 全球购物
2014年大班元旦活动方案
2014/02/26 职场文书
《颐和园》教学反思
2014/02/26 职场文书
《最大的麦穗》教学反思
2014/04/17 职场文书
2014年秋季开学寄语
2014/08/02 职场文书
党员教师四风问题整改措施思想汇报
2014/10/08 职场文书
个人求职自荐信范文
2015/03/06 职场文书
时尚女魔头观后感
2015/06/04 职场文书
2016大学生党校学习心得体会
2016/01/06 职场文书
纯CSS实现酷炫的霓虹灯效果
2021/04/13 HTML / CSS
Golang 编译成DLL文件的操作
2021/05/06 Golang
用Python实现一个打字速度测试工具来测试你的手速
2021/05/28 Python
Nginx反向代理学习实例教程
2021/10/24 Servers