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 相关文章推荐
区分JS中的undefined,null,&quot;&quot;,0和false
Mar 08 Javascript
工作中常用到的JS表单验证代码(包括例子)
Nov 11 Javascript
如何使Chrome控制台支持多行js模式——意外发现
Jun 13 Javascript
解决jquery1.9不支持browser对象的问题
Nov 13 Javascript
在JavaScript中操作时间之getYear()方法的使用教程
Jun 11 Javascript
javascript跨域方法、原理以及出现问题解决方法(详解)
Aug 06 Javascript
JS模仿腾讯图片站的图片翻页按钮效果完整实例
Jun 21 Javascript
React-router 4 按需加载的实现方式及原理详解
May 25 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
Jul 03 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
Feb 02 Javascript
使用Vant完成通知栏Notify的提示操作
Nov 11 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
PHP函数import_request_variables()用法分析
2016/04/02 PHP
php实现与python进行socket通信的方法示例
2017/08/30 PHP
PHP基于面向对象实现的留言本功能实例
2018/04/04 PHP
js中匿名函数的N种写法
2010/09/08 Javascript
setTimeout函数兼容各主流浏览器运行执行效果实例
2013/06/13 Javascript
js和jquery使按钮失效为不可用状态的方法
2014/01/26 Javascript
JS调试必备的5个debug技巧
2014/03/07 Javascript
jquery ztree实现下拉树形框使用到了json数据
2014/05/14 Javascript
js中自定义方法实现停留几秒sleep
2014/07/11 Javascript
在JS数组特定索引处指定位置插入元素
2014/07/27 Javascript
JavaScript中原型和原型链详解
2015/02/11 Javascript
js实现拉幕效果的广告代码
2015/09/02 Javascript
Node.js刷新session过期时间的实现方法推荐
2016/05/18 Javascript
jQuery实现将div中滚动条滚动到指定位置的方法
2016/08/10 Javascript
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
2017/04/01 Javascript
AngularJS 购物车全选/取消全选功能的实现方法
2017/08/14 Javascript
ionic2懒加载配置详解
2017/09/01 Javascript
Angular2里获取(input file)上传文件的内容的方法
2017/09/05 Javascript
JS实现将二维数组转为json格式字符串操作示例
2018/07/12 Javascript
使用vue-router在Vue页面之间传递数据的方法
2019/07/15 Javascript
使用Pyrex来扩展和加速Python程序的教程
2015/04/13 Python
Python文件右键找不到IDLE打开项解决办法
2015/06/08 Python
浅析python继承与多重继承
2018/09/13 Python
Django通过dwebsocket实现websocket的例子
2019/11/15 Python
python3 使用openpyxl将mysql数据写入xlsx的操作
2020/05/15 Python
python装饰器三种装饰模式的简单分析
2020/09/04 Python
聊聊python在linux下与windows下导入模块的区别说明
2021/03/03 Python
John Hardy官方网站:手工设计首饰的奢侈品牌
2017/07/05 全球购物
指针和引用有什么区别
2013/01/13 面试题
调解协议书
2014/04/16 职场文书
分家协议书
2014/04/21 职场文书
业务内勤岗位职责
2014/04/30 职场文书
四年级小学生评语
2014/12/26 职场文书
保险内勤岗位职责
2015/04/13 职场文书
遗嘱格式范本
2015/08/07 职场文书
ThinkPHP5和ThinkPHP6的区别
2021/03/31 PHP