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 相关文章推荐
使用js获取QueryString的方法小结
Feb 28 Javascript
JQuery入门——移除绑定事件unbind方法概述及应用
Feb 05 Javascript
jquery提取元素里的纯文本不包含span等里的内容
Sep 30 Javascript
jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介
Dec 03 Javascript
JavaScript中 DOM操作方法小结
Apr 25 Javascript
快速搭建React的环境步骤详解
Nov 06 Javascript
JavaScript设计模式之调停者模式实例详解
Feb 03 Javascript
vue全局组件与局部组件使用方法详解
Mar 29 Javascript
Vue3.0中的monorepo管理模式的实现
Oct 14 Javascript
Angular封装表单控件及思想总结
Dec 11 Javascript
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
Dec 04 Vue.js
在vue中import()语法不能传入变量的问题及解决
Apr 01 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
粗略计算在线时间,bug:ip相同
2006/12/09 PHP
php实现在线生成条形码示例分享(条形码生成器)
2013/12/30 PHP
php将url地址转化为完整的a标签链接代码(php为url地址添加a标签)
2014/01/17 PHP
CI框架常用函数封装实例
2016/11/21 PHP
OAuth认证协议中的HMACSHA1加密算法(实例)
2017/10/25 PHP
PHP 图片处理
2020/09/16 PHP
HR vs CL BO3 第一场 2.13
2021/03/10 DOTA
Javascript 兼容firefox的一些问题
2009/05/21 Javascript
JS 自动完成 AutoComplete(Ajax 查询)
2009/07/07 Javascript
Javascript select下拉框操作常用方法
2009/11/09 Javascript
js 定时器setTimeout无法调用局部变量的解决办法
2013/11/28 Javascript
js判断文本框剩余可输入字数的方法
2015/02/04 Javascript
分享JavaScript与Java中MD5使用两个例子
2015/12/23 Javascript
JS获取IMG图片高宽的简单实例
2016/05/17 Javascript
jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
2016/05/25 Javascript
JavaScript实战之带收放动画效果的导航菜单
2016/08/16 Javascript
微信小程序 WXML、WXSS 和JS介绍及详解
2016/10/08 Javascript
JavaScript实现打印星型金字塔功能实例分析
2017/09/27 Javascript
使用use注册Vue全局组件和全局指令的方法
2018/03/08 Javascript
使用vue脚手架(vue-cli)搭建一个项目详解
2019/05/09 Javascript
ES6 Map结构的应用实例分析
2019/06/26 Javascript
Vue函数式组件的应用实例详解
2019/08/30 Javascript
微信小程序错误this.setData报错及解决过程
2019/09/18 Javascript
js实现计时器秒表功能
2019/12/16 Javascript
JQuery常用选择器功能与用法实例分析
2019/12/23 jQuery
JS实现滑动拼图验证功能完整示例
2020/03/29 Javascript
vue 解决IOS10低版本白屏的问题
2020/11/17 Javascript
js实现复制粘贴的两种方法
2020/12/04 Javascript
python实现目录树生成示例
2014/03/28 Python
解决pycharm 误删掉项目文件的处理方法
2018/10/22 Python
使用openCV去除文字中乱入的线条实例
2020/06/02 Python
经济贸易系毕业生求职信
2014/05/31 职场文书
三严三实对照检查材料思想汇报
2014/09/28 职场文书
2015年教师节慰问信
2015/03/23 职场文书
2015年管理人员工作总结
2015/05/13 职场文书
HTML 里 img 元素的 src 和 srcset 属性的区别详解
2023/05/21 HTML / CSS