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入门之事件、cookie、定时等
Oct 21 Javascript
jquery显示和隐藏div特效实例
Feb 27 Javascript
js验证模型自我实现的具体方法
Jun 21 Javascript
使用JavaScript实现旋转的彩圈特效
Jun 23 Javascript
JS实现的另类手风琴效果网页内容切换代码
Sep 08 Javascript
javascript之IE版本检测超简单方法
Aug 20 Javascript
jQuery和JavaScript节点插入元素的方法对比
Nov 18 Javascript
React实现点击删除列表中对应项
Jan 10 Javascript
jQuery轻松实现无缝轮播效果
Mar 22 jQuery
Vue仿支付宝支付功能
May 25 Javascript
JS在Array数组中按指定位置删除或添加元素对象方法示例
Nov 19 Javascript
vue项目中使用eslint+prettier规范与检查代码的方法
Jan 16 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 register_globals 值为on与off的理解
2013/09/26 PHP
Laravel5.1 框架表单验证操作实例详解
2020/01/07 PHP
jquery tools系列 expose 学习
2009/09/06 Javascript
extjs tabpanel限制选项卡数量实现思路及代码
2013/04/02 Javascript
JavaScript中停止执行setInterval和setTimeout事件的方法
2015/05/14 Javascript
JQuery ztree 异步加载实例讲解
2016/02/25 Javascript
使用Ajax生成的Excel文件并下载的实例
2016/11/21 Javascript
Angularjs实现分页和分页算法的示例代码
2016/12/23 Javascript
获取今天,昨天,本周,上周,本月,上月时间(实例分享)
2017/01/04 Javascript
原生js实现简单的模态框示例
2017/09/08 Javascript
浅谈vuex 闲置状态重置方案
2018/01/04 Javascript
vuejs实现递归树型菜单组件
2018/01/13 Javascript
mpvue中使用flyjs全局拦截的实现代码
2018/09/13 Javascript
js实现动态添加上传文件页面
2018/10/22 Javascript
深入理解JavaScript 中的执行上下文和执行栈
2018/10/23 Javascript
vue搜索和vue模糊搜索代码实例
2019/05/07 Javascript
javascript关于“时间”的一次探索
2019/07/24 Javascript
Selenium执行JavaScript脚本的方法示例
2020/12/31 Javascript
JavaScript中layim之整合右键菜单的示例代码
2021/02/06 Javascript
数组保存为txt, npy, csv 文件, 数组遍历enumerate的方法
2018/07/09 Python
python实现梯度下降算法
2020/03/24 Python
python 快速把超大txt文件转存为csv的实例
2018/10/26 Python
Python中函数的基本定义与调用及内置函数详解
2019/05/13 Python
Python 删除List元素的三种方法remove、pop、del
2020/11/16 Python
python使用scapy模块实现ping扫描的过程详解
2021/01/21 Python
DNA测试:Orig3n
2019/03/01 全球购物
加拿大户外探险购物网站:SAIL
2020/06/27 全球购物
工程专业求职自荐书范文
2014/02/08 职场文书
企业活动策划方案
2014/06/02 职场文书
考试作弊万能检讨书
2014/10/19 职场文书
事业单位考察材料范文
2014/12/25 职场文书
2015年医生个人工作总结
2015/04/25 职场文书
2016年公司新年寄语
2015/08/17 职场文书
经销商会议开幕词
2016/03/04 职场文书
导游词之丹东鸭绿江
2019/10/24 职场文书
80行代码写一个Webpack插件并发布到npm
2021/05/24 Javascript