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 实现的全选和反选
Apr 15 Javascript
jQuery :nth-child前有无空格的区别分析
Jul 11 Javascript
js/jquery解析json和数组格式的方法详解
Jan 09 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
Sep 27 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
Jan 18 Javascript
Jquery实现上下移动和排序代码
Oct 17 Javascript
详解node+express+ejs+bootstrap构建项目
Sep 27 Javascript
vue mounted组件的使用
Jun 18 Javascript
JavaScript new对象的四个过程实例浅析
Jul 31 Javascript
jQuery解析json格式数据示例
Sep 01 jQuery
js jquery 获取某一元素到浏览器顶端的距离实现方法
Sep 05 jQuery
Vue组件通信的几种实现方法
Apr 25 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实现的登录页面信息提示功能示例
2017/07/24 PHP
PHP检查端口是否可以被绑定的方法示例
2018/08/09 PHP
一个可以随意添加多个序列的tag函数
2009/07/21 Javascript
JavaScript 学习笔记(十四) 正则表达式
2010/01/22 Javascript
jquery 插件开发备注
2010/08/27 Javascript
删除Javascript Object中间的key
2014/11/18 Javascript
jQuery中:password选择器用法实例
2015/01/03 Javascript
js+css实现文字散开重组动画特效代码分享
2015/08/21 Javascript
JavaScript函数节流的两种写法
2017/04/07 Javascript
移动端使用localResizeIMG4压缩图片
2017/04/22 Javascript
解决vue+webpack打包路径的问题
2018/03/06 Javascript
使用Vuex实现一个笔记应用的方法
2018/03/13 Javascript
基于redis的小程序登录实现方法流程分析
2020/05/25 Javascript
js实现无缝轮播图插件封装
2020/07/31 Javascript
[02:07]TI9显影之尘系列 - Vici Gaming
2019/08/20 DOTA
[02:13] 完美世界DOTA2联赛PWL DAY5集锦
2020/11/03 DOTA
python如何实现远程控制电脑(结合微信)
2015/12/21 Python
PYTHON压平嵌套列表的简单实现
2016/06/08 Python
用Python将动态GIF图片倒放播放的方法
2016/11/02 Python
Python中logging实例讲解
2019/01/17 Python
Django如何使用第三方服务发送电子邮件
2019/08/14 Python
Python实现PyPDF2处理PDF文件的方法示例
2019/09/25 Python
基于python实现matlab filter函数过程详解
2020/06/08 Python
应付会计岗位职责
2013/12/12 职场文书
餐厅采购员岗位职责
2014/03/06 职场文书
股份转让协议书
2014/04/12 职场文书
小学雷锋月活动总结
2014/07/03 职场文书
六一儿童节活动总结
2014/08/27 职场文书
二年级学生期末评语
2014/12/26 职场文书
产品质量保证书范本
2015/02/27 职场文书
放牛班的春天观后感
2015/06/01 职场文书
力克胡哲观后感
2015/06/10 职场文书
运动会通讯稿600字
2015/07/20 职场文书
python 批量压缩图片的脚本
2021/06/02 Python
聊聊Lombok中的@Builder注解使用教程
2021/11/17 Java/Android
python神经网络ResNet50模型
2022/05/06 Python