jquery 使用点滴函数代码

简单的按钮js事件 用于判断和显示提示




1、简单的按钮js事件 用于判断和显示提示
代码如下:

1. <script type="text/javascript" language="javascript">
   
2. $(document).ready(function () {
   
3. $("#btnlogin").click(function () {
   
4. $("#lblInfo").html("");
   
5. var uid = $.trim($("#txtUsername").val());
   
6. var pwd = $.trim($("#txtPassword").val());
   
7. if (uid == "") {
   
8. $("#lblInfo").html("账号不能为空");
   
9. $("#txtUsername").focus();
   
10. return false;
    
11. }
    
12. if (pwd == "") {
    
13. $("#lblInfo").html("密码不能为空");
    
14. $("#txtPassword").focus();
    
15. return false;
    
16. }
    
17. });
    
18. });
    
19. </script>

复制代码

2、下拉列表的处理
代码如下:

1. function dropTypeChange()
   
2. {
   
3. var sel = $("#<%=dropType.ClientID %> option:selected").val();
   
4. if(sel=="-1")
   
5. {
   
6. $("#<%=txtNo.ClientID %>").attr('disabled',true);
   
7. }
   
8. else
   
9. {
   
10. $("#<%=txtNo.ClientID %>").attr('disabled',false);
    
11. }
    
12. }
    

复制代码

1. //获取第一个option的值
   
2. $('#test option:first').val();
   
3. //最后一个option的值
   
4. $('#test option:last').val();
   
5. //获取第二个option的值
   
6. $('#test option:eq(1)').val();
   
7. //获取选中的值
   
8. $('#test').val();
   
9. $('#test option:selected').val();
   
10. //设置值为2的option为选中状态
    
11. $('#test').attr('value','2');
    
12. //设置第一个option为选中
    
13. $('#test option:last').attr('selected','selected');
    
14. $("#test").attr('value' , $('#test option:last').val());
    
15. $("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());
    
16. //获取select的长度
    
17. $('#test option').length;
    
18. //添加一个option
    
19. $("#test").append("<option value='9'>ff</option>");
    
20. $("<option value='9'>ff</option>").appendTo("#test");
    
21. //添除选中项
    
22. $('#test option:selected').remove();
    
23. //指定项选中
    
24. $('#test option:first').remove();
    
25. //指定值被删除
    
26. $('#test option').each(function(){
    
27. if( $(this).val() == '5'){
    
28. $(this).remove();
    
29. }
    
30. });
    
31. $('#test option[value=5]').remove();
    
32. //获取第一个Group的标签
    
33. $('#test optgroup:eq(0)').attr('label');
    
34. //获取第二group下面第一个option的值
    
35. $('#test optgroup:eq(1) :option:eq(0)').val();

复制代码