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实现动态菜单添加的实例代码
Jul 05 Javascript
jquery对象和DOM对象的区别介绍
Aug 09 Javascript
jQuery(js)获取文字宽度(显示长度)示例代码
Dec 31 Javascript
javascript复制粘贴与clipboardData的使用
Oct 16 Javascript
jquery简单倒计时实现方法
Dec 18 Javascript
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
Sep 21 Javascript
纯javaScript、jQuery实现个性化图片轮播【推荐】
Jan 08 Javascript
jQuery zTree 异步加载添加子节点重复问题
Nov 29 jQuery
Vue开发实现吸顶效果的示例代码
Aug 21 Javascript
vue添加axios,并且指定baseurl的方法
Sep 19 Javascript
JS双向链表实现与使用方法示例(增加一个previous属性实现)
Jan 31 Javascript
在vue中高德地图引入和轨迹的绘制的实现
Oct 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
帅气的琦玉老师
2020/03/02 日漫
初学CAKEPHP 基础教程
2009/11/02 PHP
关于php 接口问题(php接口主要也就是运用curl,curl函数)
2013/07/01 PHP
thinkphp如何获取客户端IP
2015/11/03 PHP
关于PHP中协程和阻塞的一些理解与思考
2017/08/11 PHP
PHP htmlspecialchars_decode()函数用法讲解
2019/03/01 PHP
PHP类的自动加载与命名空间用法实例分析
2020/06/05 PHP
JavaScript面向对象编程
2008/03/02 Javascript
kmock javascript 单元测试代码
2011/02/06 Javascript
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
2011/04/06 Javascript
JS实现点击图片在当前页面放大并可关闭的漂亮效果
2013/10/18 Javascript
window.location.href中url中数据量太大时的解决方法
2013/12/23 Javascript
JS封装cookie操作函数实例(设置、读取、删除)
2015/11/17 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
2015/12/01 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
2015/12/10 Javascript
json数据处理及数据绑定
2017/01/25 Javascript
JavaScript实现获取远程的html到当前页面中
2017/03/26 Javascript
vue语法之拼接字符串的示例代码
2017/10/25 Javascript
vue初始化动画加载的实例
2018/09/01 Javascript
Vue拖拽组件列表实现动态页面配置功能
2019/06/17 Javascript
微信小程序学习总结(五)常见问题实例小结
2020/06/04 Javascript
[01:09:13]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第三场 1月19日
2021/03/11 DOTA
python sqlobject(mysql)中文乱码解决方法
2008/11/14 Python
微信端html5页面调用分享接口示例
2018/03/14 HTML / CSS
韩国11街:11STREET
2018/03/27 全球购物
员工拓展培训方案
2014/02/15 职场文书
出生公证委托书
2014/04/03 职场文书
党员承诺践诺书
2014/05/20 职场文书
汽车检测与维修专业求职信
2014/07/04 职场文书
合伙经营协议书范本
2014/09/13 职场文书
学前班幼儿评语大全
2014/12/29 职场文书
欢迎词范文
2015/01/27 职场文书
2017年大学生寒假社会实践活动总结
2016/04/06 职场文书
python scipy 稀疏矩阵的使用说明
2021/05/26 Python
用Python爬取某乎手机APP数据
2021/06/15 Python
Spring中bean的生命周期之getSingleton方法
2021/06/30 Java/Android