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 相关文章推荐
Notify - 基于jquery的消息通知插件
Oct 18 Javascript
js检测输入内容全为空格的方法
May 03 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
Aug 07 Javascript
AngularJS中的API(接口)简单实现
Jul 28 Javascript
第一次接触神奇的Bootstrap
Oct 14 Javascript
微信小程序 action-sheet底部菜单详解
Oct 27 Javascript
JavaScript省市级联下拉菜单实例
Feb 14 Javascript
提高JavaScript执行效率的23个实用技巧
Mar 01 Javascript
BootStrap 动态表单效果
Jun 02 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
May 30 Javascript
js实现时间日期校验
May 26 Javascript
Vue实现简易购物车页面
Dec 30 Vue.js
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
新浪微博API开发简介之用户授权(PHP基础篇)
2011/09/25 PHP
探讨:使用XMLSerialize 序列化与反序列化
2013/06/08 PHP
PHP Try-catch 语句使用技巧
2016/02/28 PHP
php实现的统计字数函数定义与使用示例
2017/07/26 PHP
javascript编程起步(第六课)
2007/02/27 Javascript
ImageZoom 图片放大镜效果(多功能扩展篇)
2010/04/14 Javascript
javascript之学会吝啬 精简代码
2010/04/25 Javascript
通过百度地图获取公交线路的站点坐标的js代码
2012/05/11 Javascript
JS Date函数整理方便使用
2013/10/23 Javascript
Jquery AJAX POST与GET之间的区别
2013/11/14 Javascript
JS实现自定义简单网页软键盘效果代码
2015/11/05 Javascript
Javascript技术栈中的四种依赖注入详解
2016/02/23 Javascript
详解JavaScript权威指南之对象
2016/09/27 Javascript
JavaScript省市级联下拉菜单实例
2017/02/14 Javascript
jQuery Easyui Treegrid实现显示checkbox功能
2017/08/08 jQuery
微信小程序云开发之使用云数据库
2019/05/17 Javascript
小程序Request的另类用法详解
2019/08/09 Javascript
nuxt框架中对vuex进行模块化设置的实现方法
2019/09/06 Javascript
利用python生成一个导出数据库的bat脚本文件的方法
2016/12/30 Python
Python入门之三角函数sin()函数实例详解
2017/11/08 Python
python数据分析数据标准化及离散化详解
2018/02/26 Python
python3+PyQt5实现自定义分数滑块部件
2018/04/24 Python
python 多线程死锁问题的解决方案
2020/08/25 Python
python 如何使用find和find_all爬虫、找文本的实现
2020/10/16 Python
Python中免验证跳转到内容页的实例代码
2020/10/23 Python
css3 给背景设置渐变色的方法
2019/09/12 HTML / CSS
西班牙手机之家:Phone House
2018/10/18 全球购物
Ooni英国官网:披萨烤箱
2020/05/31 全球购物
班长岗位职责
2013/11/10 职场文书
大学生的四年学习自我评价
2013/12/13 职场文书
股权转让协议书范本
2014/04/12 职场文书
初一学生评语大全
2014/04/24 职场文书
2015年大学元旦晚会活动策划书
2014/12/09 职场文书
会议新闻稿
2015/07/17 职场文书
导游词之无锡梅园
2019/11/28 职场文书
python实现调用摄像头并拍照发邮箱
2021/04/27 Python