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 CSS 修改学习第四章 透明度设置
Feb 19 Javascript
xheditor与validate插件冲突的解决方案
Apr 15 Javascript
JavaScript Title、alt提示(Tips)实现源码解读
Dec 12 Javascript
关于捕获用户何时点击window.onbeforeunload的取消事件
Mar 06 Javascript
js不能跳转到上一页面的问题解决方法
Mar 01 Javascript
鼠标放在图片上显示大图的JS代码
Mar 26 Javascript
jquery获取自定义属性(attr和prop)实例介绍
Apr 21 Javascript
javascript实现给定半径求出圆的面积
Jun 26 Javascript
jquery实现可自动判断位置的弹出层效果代码
Oct 12 Javascript
Bootstrap每天必学之滚动监听
Mar 16 Javascript
Bootstrap3制作图片轮播效果
May 12 Javascript
JavaScript使用Ajax上传文件的示例代码
Aug 10 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调用三种数据库的方法(3)
2006/10/09 PHP
PHP 编写大型网站问题集
2010/05/07 PHP
PHP的curl实现get,post和cookie(实例介绍)
2013/06/17 PHP
浅析PHP页面局部刷新功能的实现小结
2013/06/21 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
js通过googleAIP翻译PHP系统的语言配置的实现代码
2011/10/17 Javascript
artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载
2012/07/31 Javascript
图解JavaScript中的this关键字
2020/05/28 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
2015/12/03 Javascript
Nodejs下用submit提交表单提示cannot post错误的解决方法
2016/11/21 NodeJs
Angular实现跨域(搜索框的下拉列表)
2017/02/16 Javascript
Vue2.5 结合 Element UI 之 Table 和 Pagination 组件实现分页功能
2018/01/26 Javascript
详解webpack之图片引入-增强的file-loader:url-loader
2018/10/08 Javascript
JavaScript根据json生成html表格的示例代码
2018/10/24 Javascript
一起写一个即插即用的Vue Loading插件实现
2019/10/31 Javascript
vue结合el-upload实现腾讯云视频上传功能
2020/07/01 Javascript
[46:50]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python基础知识小结之集合
2015/11/25 Python
Python构造自定义方法来美化字典结构输出的示例
2016/06/16 Python
python读取Excel实例详解
2018/08/17 Python
Python3解释器知识点总结
2019/02/19 Python
python 用所有标点符号分隔句子的示例
2019/07/15 Python
pygame实现俄罗斯方块游戏(AI篇1)
2019/10/29 Python
Python二维数组实现求出3*3矩阵对角线元素的和示例
2019/11/29 Python
canvas简单连线动画的实现代码
2020/02/04 HTML / CSS
设计师家具购买和委托在线市场:Viyet
2016/11/16 全球购物
WoolOvers爱尔兰:羊绒、羊毛和棉针织品
2017/01/04 全球购物
加拿大最大的相机店:Henry’s
2017/05/17 全球购物
英国儿童设计师服装的领先零售商:Base
2019/03/17 全球购物
英语生日邀请函
2014/01/23 职场文书
读群众路线心得体会
2014/03/07 职场文书
微电影大赛策划方案
2014/06/05 职场文书
元旦联欢会策划方案
2014/06/11 职场文书
简单且有用的Python数据分析和机器学习代码
2021/07/02 Python
详解JavaScript的计时器和按钮效果设置
2022/02/18 Javascript
Python实现日志实时监测的示例详解
2022/04/06 Python