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