6 节点遍历筛选和事件

 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);
            
        });
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 5,279评论 0 8
  • 本篇博客源地址 总结: 鼠标事件 1.click与dbclick事件ele.click()ele.click(ha...
    ZombieBrandg阅读 3,968评论 0 1
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 5,577评论 2 10
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,924评论 1 11
  • 第1章 鼠标事件 1-1 jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是...
    mo默22阅读 5,065评论 0 6

友情链接更多精彩内容