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 相关文章推荐
学习ExtJS Panel常用方法
Oct 07 Javascript
Javascript load Page,load css,load js实现代码
Mar 31 Javascript
判定是否原生方法的JS代码
Nov 12 Javascript
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
Oct 01 Javascript
JavaScript中的定时器之Item23的合理使用
Oct 30 Javascript
学习AngularJs:Directive指令用法(完整版)
Apr 26 Javascript
node.js操作mysql简单实例
May 25 Javascript
Angular4如何自定义首屏的加载动画详解
Jul 26 Javascript
jquery.uploadView 实现图片预览上传功能
Aug 10 jQuery
BootStrap Table实现server分页序号连续显示功能(当前页从上一页的结束序号开始)
Sep 12 Javascript
详解JS函数stack size计算方法
Jun 18 Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
Oct 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
音乐朗读剧《MARS RED》2021年TV动画化决定!
2020/03/06 日漫
yii2.0之GridView自定义按钮和链接用法
2014/12/15 PHP
Laravel框架中自定义模板指令总结
2017/12/17 PHP
js 跨域和ajax 跨域问题小结
2009/07/01 Javascript
关于jQuery中的end()使用方法
2011/07/10 Javascript
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
2013/02/01 Javascript
js监听键盘事件示例代码
2013/07/26 Javascript
JS判断是否360安全浏览器极速内核的方法
2015/01/29 Javascript
Winform客户端向web地址传参接收参数的方法
2016/05/17 Javascript
JQuery DIV 动态隐藏和显示的方法
2016/06/23 Javascript
基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询
2016/10/30 Javascript
自己封装的一个简单的倒计时功能实例
2016/11/23 Javascript
原生js实现回复评论功能
2017/01/18 Javascript
jQuery实现字体颜色渐变效果的方法
2017/03/29 jQuery
详解基于 Nuxt 的 Vue.js 服务端渲染实践
2017/10/24 Javascript
vue项目前端埋点的实现
2019/03/06 Javascript
使用vue脚手架(vue-cli)搭建一个项目详解
2019/05/09 Javascript
Python selenium文件上传方法汇总
2020/11/19 Python
Django Admin 实现外键过滤的方法
2017/09/29 Python
用python实现的线程池实例代码
2018/01/06 Python
使用python serial 获取所有的串口名称的实例
2019/07/02 Python
django-初始配置(纯手写)详解
2019/07/30 Python
django创建超级用户过程解析
2019/09/18 Python
Python使用进程Process模块管理资源
2020/03/05 Python
python实现数字炸弹游戏程序
2020/07/17 Python
使用JS+CSS3技术:让你的名字动起来
2013/04/27 HTML / CSS
乌克兰在线电子产品商店:MTA
2019/11/14 全球购物
同步和异步有何异同,在什么情况下分别使用他们?举例说明
2014/02/27 面试题
档案管理员岗位职责
2013/12/01 职场文书
就职演讲稿范文
2014/05/19 职场文书
党委书记群众路线对照检查材料思想汇报
2014/10/04 职场文书
材料员岗位职责
2015/02/10 职场文书
2016学习雷锋精神活动倡议书
2015/04/27 职场文书
同事打架检讨书
2015/05/06 职场文书
html实现弹窗的实例
2021/06/09 HTML / CSS
win11无线投屏在哪设置? win11无线投屏功能的使用方法
2022/04/08 数码科技