课后作业1014/Demo_基础选择器和层次选择器.htm

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!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>
    <title></title>
	<style type="text/css">
		div,span,p {
			width:160px;
			height:160px;
			margin:5px;
			background:#aaa;
			border:#000 1px solid;
			float:left;
			font-size:17px;
			font-family:Verdana;
		}
		div .mini { 
			width:55px;
			height:55px;
			background-color: #aaa;
			font-size:12px;
		}
		fieldset
		{
			 border-style:none;
		}
	</style>
    <script src="../Scripts/jquery-1.8.3.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		function show($) {
			window.$("*:not(fieldset,input)").removeAttr("style");
			$.css("background-color", "red");
		}

		function initRdo() {
		    $("input[type=radio]").click(function () {
		        $("fieldset").css("display", "none");
		        this.target = $(this).attr('target');
		        $("#" + this.target).css("display", "block");
		       
		    });

		  //  $("#rdo6").trigger("click");
		}


		$(document).ready(function () {
		    initRdo();

		    //-----------------控制按钮------------------
		    //----基本选择器----
		    $("#btn1").click(function () {
		        show($("#one"));
		    });
		    $("#btn2").click(function () {
		        show($(".mini"));
		    });
		    $("#btn3").click(function () {
		        show($("div"));
		    });