parent > child选择器（jQuery）

1、parent > child：在给定的父元素下匹配所有的子元素

2、（1）parent：任何有效选择器

（2）child：用以匹配元素的选择器，并且它是第一个选择器的子元素

3、示例

（1）源码如下

parent.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>parent > child选择器</title>
<script type="text/javascript" src="jquery-2.0.3.js"></script>
<style type="text/css">
    body{
	   100%;
	   height:100%;
	   font-size:18px;
	   text-align:center;
	   background-color:#CCFFCC;
	   }
</style>
<script type="text/javascript">
   $(function(){
        //运用到parent > child选择器
       $("form > input").click(function(){
	        if($("#male:checked")){
			    alert("你选中的性别是男性！");
			}else{
			    alert("你选中的性别是女性！");
			}
	   });
   });
</script>
</head>

<body>
   <form class="body_form">
        <input type="radio" id="male" name="sex"/>男
	<input type="radio" id="female" name="sex"/>女
   </form>
</body>
</html>

（2）a、选择“男”时，弹出界面如下

b、选择“女”时，弹出界面如下