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 自定义的联动下拉框
Feb 07 Javascript
jQuery 打造动态渐变按钮 详细图文教程
Apr 25 Javascript
在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法
May 24 Javascript
使用JavaScript判断图片是否加载完成的三种实现方式
May 04 Javascript
jquery easyui使用心得
Jul 07 Javascript
AngularJS ng-bind 指令简单实现
Jul 30 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
Mar 28 Javascript
Vue 开发音乐播放器之歌手页右侧快速入口功能
Aug 08 Javascript
vue权限问题的完美解决方案
May 08 Javascript
vue-router 按需加载 component: () =&gt; import() 报错的解决
Sep 22 Javascript
Array.filter中如何正确使用Async
Nov 04 Javascript
vue项目中使用rem,在入口文件添加内容操作
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
基于Zookeeper的使用详解
2013/05/02 PHP
PHP实现生成透明背景的PNG缩略图函数分享
2014/07/08 PHP
php 利用socket发送GET,POST请求的实例代码
2020/07/04 PHP
基于jQuery的输入框无值自动显示指定数据的实现代码
2011/01/24 Javascript
jquery时间下拉框小例子
2013/04/15 Javascript
javascript的回调函数应用示例
2014/02/20 Javascript
JS 打印功能代码可实现打印预览、打印设置等
2014/10/31 Javascript
Javascript闭包(Closure)详解
2015/05/05 Javascript
JavaScript中的Math.atan2()方法使用详解
2015/06/15 Javascript
Bootstrap开关(switch)控件学习笔记分享
2016/05/30 Javascript
可输入文字查找ajax下拉框控件 ComBox的实现方法
2016/10/25 Javascript
JavaScript实现公历转农历功能示例
2017/02/13 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
2017/05/02 Javascript
解决angularJS中input标签的ng-change事件无效问题
2018/09/13 Javascript
Elasticsearch实现复合查询高亮结果功能
2019/09/10 Javascript
vue实现将一个数组内的相同数据进行合并
2019/11/07 Javascript
浅谈TypeScript的类型保护机制
2020/02/23 Javascript
一个计算身份证号码校验位的Python小程序
2014/08/15 Python
python 环境变量和import模块导入方法(详解)
2017/07/11 Python
Python3调用微信企业号API发送文本消息代码示例
2017/11/10 Python
Python自定义线程池实现方法分析
2018/02/07 Python
python中cPickle类使用方法详解
2018/08/27 Python
python 判断三个数字中的最大值实例代码
2019/07/24 Python
Django的用户模块与权限系统的示例代码
2019/07/24 Python
浅谈Python 敏感词过滤的实现
2019/08/15 Python
python实现低通滤波器代码
2020/02/26 Python
Python sorted对list和dict排序
2020/06/09 Python
HTML5触摸事件演化tap事件介绍
2016/03/25 HTML / CSS
英国演唱会订票网站:Ticket Selection
2018/03/27 全球购物
新加坡网上花店:FlowerAdvisor新加坡
2018/10/05 全球购物
中学生期中自我鉴定
2014/04/20 职场文书
工作作风懒散检讨书
2014/10/29 职场文书
2015年数学教研工作总结
2015/07/22 职场文书
用React Native制作一个简单的游戏引擎
2021/05/27 Javascript
使用Pytorch训练two-head网络的操作
2021/05/28 Python
bose降噪耳机音能消除人声吗
2022/04/19 数码科技