jQuery里的一些符号用法 + ~ > 空格等
$(function(){
$("div").css("height", "30px").css("width", "50px");
$(".div2 + div").css("height", "50px").css("width", "80px");//紧挨着.div2的下一个div
$(".div2 ~ div").css("height", "80px").css("width", "100px");//.div2后面的所有div
$("#div1 , .div2").css("height", "80px").css("width", "100px");
$("#div1 div").css("height", "80px").css("width", "100px");//#div1里的所有div子元素
$("#div1 > div").css("height", "80px").css("width", "100px");//#div1里的第一代div子元素
})
登录弹出框提示HTML和jQuery
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta charset="utf-8" />
<title></title>
<script src="scripts/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function () {
$("#submit").click(function(){
var name = $("#name").val();
var password = $("#password").val();
if (name == "") {
alert("请输入用户名");
} else if (password == "") {
alert("请输入密码");
}
})
})
</script>
</head>
<body>
<table>
<tr>
<td>用户名:</td>
<td><input type="text" id="name" /></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" id="password" /></td>
</tr>
<tr>
<td colspan="2"><input type="button" id="submit" value="登录" /></td>
</tr>
</table>
</body>
</html>
在输入框后,提示请输入密码等jQuery
$(function () {
$("#login").click(function () {
var stuid = $("#stuid").val();
var password = $("#password").val();
var yanpass = $("#yanpass").val();
if (stuid == "") {
$("#studentid").text("*用户名不能为空").css("color", "red");
}
else if (password == "") {
$("#pass").text("*密码不能为空").css("color", "red");
}
else if (yanpass == "") {
$("#yzpass").text("*验证码不能为空").css("color", "red");
}
})