6 节点遍历筛选和事件
2018-08-05 本文已影响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);
});
