<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<title></title> | |
<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script> | |
<script type="text/javascript"> | |
$(function(){ | |
//找到表单中所有的 input 元素 | |
var inputs = $("form input"); | |
inputs.css("color","red"); | |
//子选择器 | |
//var inputs = $("form>input"); | |
//一个有效选择器并且紧接着第一个选择器 | |
// var inputs = $("label+input"); | |
// inputs.css("color","red"); | |
//一个选择器,并且它作为第一个选择器的同辈 | |
// var inputs = $("form~input"); | |
// inputs.css("color","red"); | |
debugger; | |
}); | |
</script> | |
</head> | |
<body> | |
<form> | |
<label>Name:</label> | |
<input name="input1" /> | |
<fieldset> | |
<label>Newsletter:</label> | |
<input name="input2--newsletter" /> | |
</fieldset> | |
</form> | |
<input name="none111" /> | |
<input name="none222" /> | |
</body> | |
</html> | |
层级选择器
最新推荐文章于 2023-07-10 19:58:00 发布