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 相关文章推荐
JQuery自定义事件的应用 JQuery最佳实践
Aug 01 Javascript
JS 实现完美include载入实现代码
Aug 05 Javascript
jQuery实现获取绑定自定义事件元素的方法
Dec 02 Javascript
jquery采用oop模式class类的使用示例
Jan 22 Javascript
js 获取今天以及过去日期
Apr 11 Javascript
js案例之鼠标跟随jquery版(实例讲解)
Jul 21 jQuery
bootstrap响应式工具使用详解
Nov 29 Javascript
详解Angular5 服务端渲染实战
Jan 04 Javascript
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
Apr 12 jQuery
基于Vue实现关键词实时搜索高亮显示关键词
Jul 21 Javascript
详解vue axios二次封装
Jul 22 Javascript
在JavaScript中如何访问暂未存在的嵌套对象
Jun 18 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 和 MySQL 基础教程(三)
2006/10/09 PHP
浅谈php安全性需要注意的几点事项
2014/07/17 PHP
CI框架网页缓存简单用法分析
2018/12/26 PHP
Js的MessageBox
2006/12/03 Javascript
整理一些JavaScript的IE和火狐的兼容性注意事项
2011/03/17 Javascript
cookie 最近浏览记录(中文escape转码)具体实现
2013/06/08 Javascript
jQuery避免$符和其他JS库冲突的方法对比
2014/02/20 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
2016/11/01 Javascript
bootstrap模态框垂直居中效果
2016/12/03 Javascript
PHP自动加载autoload和命名空间的应用小结
2017/12/01 Javascript
Vue绑定内联样式问题
2018/10/17 Javascript
详解如何创建并发布一个 vue 组件
2018/11/08 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
2020/08/21 Javascript
Vue中component标签解决项目组件化操作
2020/09/04 Javascript
python调用新浪微博API项目实践
2014/07/28 Python
Python常用的爬虫技巧总结
2016/03/28 Python
浅谈Python Opencv中gamma变换的使用详解
2018/04/02 Python
Pipenv一键搭建python虚拟环境的方法
2018/05/22 Python
基于python绘制科赫雪花
2018/06/22 Python
Python使用pandas处理CSV文件的实例讲解
2018/06/22 Python
详解js文件通过python访问数据库方法
2019/03/03 Python
Python 读取有公式cell的结果内容实例方法
2020/02/17 Python
Python map及filter函数使用方法解析
2020/08/06 Python
浅谈HTML5新增及移除的元素
2016/06/27 HTML / CSS
网易微博Web App用HTML5开发的过程介绍
2012/06/13 HTML / CSS
英国足球店:UK Soccer Shop
2017/11/19 全球购物
应届生体育教师自荐信
2013/10/03 职场文书
项目经理岗位职责
2013/11/11 职场文书
《雨霖铃》听课反思
2014/02/13 职场文书
我们的节日清明节活动总结
2014/04/30 职场文书
2014国庆节演讲稿:祖国在我心中(400字)
2014/09/25 职场文书
五年级作文之成长
2019/09/16 职场文书
用Python实现一个打字速度测试工具来测试你的手速
2021/05/28 Python
SQL SERVER实现连接与合并查询
2022/02/24 SQL Server
JavaScript声明变量和数据类型的转换
2022/04/12 Javascript
Redis基本数据类型哈希Hash常用操作命令
2022/06/01 Redis