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更改class和id的方法
Oct 10 Javascript
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
Mar 31 Javascript
50款非常棒的 jQuery 插件分享
Mar 29 Javascript
Table冻结表头示例代码
Aug 20 Javascript
js调用浏览器打印模块实现点击按钮触发自定义函数
Mar 21 Javascript
js实现微博发布小功能
Jan 12 Javascript
d3.js入门教程之数据绑定详解
Apr 28 Javascript
Node.js引入UIBootstrap的方法示例
May 11 Javascript
基于webpack4搭建的react项目框架的方法
Jun 30 Javascript
vue项目中在外部js文件中直接调用vue实例的方法比如说this
Apr 28 Javascript
vue 函数调用加括号与不加括号的区别
Oct 29 Javascript
动态规划之使用备忘录来改进Javascript函数
Apr 07 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伪静态页面函数附使用方法
2008/06/20 PHP
php生成二维码的几种方式整理及使用实例
2013/06/03 PHP
2个比较经典的PHP加密解密函数分享
2014/07/01 PHP
ThinkPHP3.2.3框架实现的空模块、空控制器、空操作,跳转到错误404页面图文详解
2019/04/03 PHP
PHP中Static(静态)关键字功能与用法实例分析
2019/04/05 PHP
jQueryUI的Dialog的简单封装
2010/06/07 Javascript
基于jQuery的输入框无值自动显示指定数据的实现代码
2011/01/24 Javascript
Jquery实现弹出层分享微博插件具备动画效果
2013/04/03 Javascript
使用Node.js处理前端代码文件的编码问题
2016/02/16 Javascript
JavaScript判断数字是否为质数的方法汇总
2016/06/02 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
2016/11/26 Javascript
JavaScript Date 知识浅析
2017/01/29 Javascript
ES6新特性之函数的扩展实例详解
2017/04/01 Javascript
angularjs $http实现form表单提交示例
2017/06/09 Javascript
js 两个日期比较相差多少天的实例
2017/10/19 Javascript
node.js文件上传重命名以及移动位置的示例代码
2018/01/19 Javascript
4个顶级JavaScript高级文本编辑器
2018/10/10 Javascript
Nodejs中怎么实现函数的串行执行
2019/03/02 NodeJs
微信小程序:数据存储、传值、取值详解
2019/05/07 Javascript
微信小程序 wx:for 与 wx:for-items 与 wx:key的正确用法
2020/05/19 Javascript
使用Typescript开发微信小程序的步骤详解
2021/01/12 Javascript
Python正则抓取网易新闻的方法示例
2017/04/21 Python
Python中元组,列表,字典的区别
2017/05/21 Python
python使用PIL模块获取图片像素点的方法
2019/01/08 Python
python实现while循环打印星星的四种形状
2019/11/23 Python
pytorch 准备、训练和测试自己的图片数据的方法
2020/01/10 Python
Python timeit模块的使用实践
2020/01/13 Python
Python容器类型公共方法总结
2020/08/19 Python
CSS3属性box-shadow使用指南
2014/12/09 HTML / CSS
Kathmandu新西兰官网:新西兰户外运动品牌
2019/07/27 全球购物
Book Depository美国:全球领先的专业网上书店之一
2019/08/14 全球购物
Oracle性能调优原则
2012/05/03 面试题
生物化工专业个人自荐信
2013/09/26 职场文书
2020年元旦晚会策划书模板
2019/12/30 职场文书
Html5调用企业微信的实现
2021/04/16 HTML / CSS
浅谈mysql执行过程以及顺序
2021/05/12 MySQL