zoukankan      html  css  js  c++  java
  • 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、选择“女”时,弹出界面如下

              

  • 相关阅读:
    git分支管理之创建与合并分支
    git分支管理
    git远程仓库之从远程库克隆
    git远程仓库之添加远程库
    git远程仓库
    Git时光机穿梭之删除文件
    Git时光机穿梭之撤销修改
    Git时光机穿梭之管理修改
    Git时光机穿梭之工作区和暂存区
    Git时光机穿梭之版本回退
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315735.html
Copyright © 2011-2022 走看看