软件开发培训班 >> 编程开发 >> JavaScript


jquery 使用点滴函数代码

　　本文标签：jquery,使用点滴

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();