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

  • 相关阅读:
    仿百度排列图片预览插件-Simple Lightbox
    vue2.0移动端自定义性别选择提示框
    微信小程序踩坑记
    网页里如何使用js禁用F12事件
    使用 html2canvas 实现浏览器截图
    h5、jq 移动端评论点攒功能
    js 数字递增特效 仿支付宝我的财富 HTML5
    aos.js超赞页面滚动元素动画jQuery动画库
    简洁AngularJS框架后台管理系统bootstrap后台模板
    Ionic 的 ng-class 在聊天功能上面的巧妙运用
  • 原文地址:https://www.cnblogs.com/freeliver54/p/2051000.html
Copyright © 2020-2023  润新知