美文网首页
6 节点遍历筛选和事件

6 节点遍历筛选和事件

作者: 流光已至 | 来源:发表于2018-08-05 19:07 被阅读0次
     function myclick(){
            
            // 获得ul下的孩子节点
            var lis = $("ul").children();
            
        }
         // 登陆校验
        function login(){
            
            var val = $("#username").val();
            var reg = $("#username").attr("reg");
            var tip = $("#username").attr("tip");
            
            var regExp = new RegExp(reg);
            
            if(!regExp.test(val)){
                //获得username紧挨着的下一个dom的jQuery对象
                var spanObj = $("#username").next();
                spanObj.html("<font color='red'>"+tip+"</font>");
            }else{
                $("#myform").submit();
            }
            
            
        }
        
    </script>
    <style type="text/css">
    
    </style>
    </head>
    <body>
    <form id="myform" action="jquery02.jsp" method="post">
      <p>
           用户名:<input type="text"  id="username" reg="^\w{6,8}$" tip="请输入6到8位单词字符"><span></span>
       </p> 
      <p>
          <input type="button"  value="登陆" onclick="login()"/>
       </p>   
     </form>   
        
    </body>
    

    siblings() 获得同辈元素

    事件

    blur, focus, click, dblclick, change, submit, keydown, keyup

      /*
               1 事件结合选择器,会把选择器选出的一组元素都加上事件
               2 在元素上可以不去指定事件
               3 事件的方法建议采用匿名方法
               4 事件的赋值必须放在jquery的主函数内。
            */
    
            $("form input").blur(function(){
                alert("11");
            });
            
            $("body").keydown(function(event){
                
              var num = window.event?event.keyCode:event.which;
              //回车触发
              if(num==13);
                
            });
    

    相关文章

      网友评论

          本文标题:6 节点遍历筛选和事件

          本文链接:https://www.haomeiwen.com/subject/sgamvftx.html