jQuery parent>child

最新推荐文章于 2019-10-27 23:24:47 发布

原创最新推荐文章于 2019-10-27 23:24:47 发布 · 395 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 同时被 2 个专栏收录

41 篇文章

订阅专栏

jQuery

21 篇文章

订阅专栏

本文介绍如何利用jQuery选择器来定位并修改HTML表单中的输入元素样式，通过简单的示例展示了如何仅针对表单内的子元素应用背景颜色。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>parent>child</title>
</head>
	<script src="jquery-1.11.3.min.js">
	</script>
<body>
	<!--
		在给定的父元素下匹配所有的子元素
		parent:任何有效的选择器
		child:用以匹配元素的选择器，并且它是第一个选择器的子元素
	-->
	<form>
		  <label>Name:</label>
		  <input name="name" />

                 <input name="age" />
                 <fieldset>
		      <label>Newsletter:</label>
		      <input name="newsletter" />
		 </fieldset>
	</form>
	<input name="none" />
</body>
<script type="text/javascript">
	$("form>input").css('background-color','pink');
</script>
</html>

效果图