zoukankan      html  css  js  c++  java
  • *选择器(jQuery)

    1、*:匹配所有的元素,用于结合上下文来搜索

    2、实例

    all.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>*选择器</title>
    <script type="text/javascript" src="jquery-2.0.3.js"></script>
    <style type="text/css">
       .tr_odd{
           background:#CCFFFF;
    	   }
       .tr_even{
           background:#CCFF00;
       }
    </style>
    <script type="text/javascript">
        $(function(){
    	    //设置表格的背景色
    	    $(".tab").css("background-color","#EBEBEB");
    		//设置表格的宽度
    		$(".tab").css("width","50%");
    		//设置表格的高度
    		$(".tab").css("height","150px");
    		//设置表头的背景色
    		$(".tab_tr th").css("background-color","#DEB887");
    		//设置表体的字对齐方式
    		$("tr td").css("text-align","center");
    		//设置表格体边框
    		$("tr td").css("border","1px solid #006666");
    		//设置奇数行表格背景色
    		$("tr:odd").addClass("tr_odd");
    		//设置偶数行表格的背景色
    		$("tr:even").addClass("tr_even");
    		//匹配所有元素
    		$("*").css("background-color","#CCFF33");
    	});
    </script>
    </head>
    
    <body>
       <table class="tab">
          <tr class="tab_tr">
    	    <th>学号</th>
    	    <th>姓名</th>
    		<th>年龄</th>	    
    		<th>性别</th>	    
    		<th>地址</th>	    
    		<th>爱好</th>	    
    		<th>电话</th>
    	  </tr>
    	  <tr>
    	    <td>2012010101</td>
    		<td>张三丰</td>
    		<td>34</td>
    		<td>男</td>
    		<td>湖北省武汉市</td>
    		<td>足球</td>
    		<td>15245245555</td>
    	  </tr>
    	   <tr>
    	    <td>2012010102</td>
    		<td>赵忠项</td>
    		<td>25</td>
    		<td>男</td>
    		<td>湖北省黄冈市</td>
    		<td>篮球</td>
    		<td>14245245555</td>
    	  </tr>
    	   <tr>
    	    <td>2012010103</td>
    		<td>孙晓雪</td>
    		<td>34</td>
    		<td>女</td>
    		<td>湖南省长沙市</td>
    		<td>羽毛球球</td>
    		<td>14512455555</td>
    	  </tr>
    	   <tr>
    	    <td>2012010104</td>
    		<td>李雪加</td>
    		<td>28</td>
    		<td>女</td>
    		<td>广东深圳市</td>
    		<td>网球</td>
    		<td>14512445555</td>
    	  </tr>
    	   <tr>
    	    <td>2012010105</td>
    		<td>孙晓雪</td>
    		<td>34</td>
    		<td>女</td>
    		<td>湖南省长沙市</td>
    		<td>羽毛球球</td>
    		<td>14512455555</td>
    	  </tr>
    	   <tr>
    	    <td>2012010106</td>
    		<td>李雪加</td>
    		<td>28</td>
    		<td>女</td>
    		<td>广东深圳市</td>
    		<td>网球</td>
    		<td>14512445555</td>
    	  </tr>
    	   <tr>
    	    <td>2012010107</td>
    		<td>孙晓雪</td>
    		<td>34</td>
    		<td>女</td>
    		<td>湖南省长沙市</td>
    		<td>羽毛球球</td>
    		<td>14512455555</td>
    	  </tr>
    	   <tr>
    	    <td>2012010108</td>
    		<td>李雪加</td>
    		<td>28</td>
    		<td>女</td>
    		<td>广东深圳市</td>
    		<td>网球</td>
    		<td>14512445555</td>
    	  </tr>
    	   <tr>
    	    <td>2012010109</td>
    		<td>孙晓雪</td>
    		<td>34</td>
    		<td>女</td>
    		<td>湖南省长沙市</td>
    		<td>羽毛球球</td>
    		<td>14512455555</td>
    	  </tr>
    	   <tr>
    	    <td>2012010110</td>
    		<td>李雪加</td>
    		<td>28</td>
    		<td>女</td>
    		<td>广东深圳市</td>
    		<td>网球</td>
    		<td>14512445555</td>
    	  </tr>
       </table>
    </body>
    </html>
    

    3、显示结果如下

                                         

  • 相关阅读:
    语句的输入和输出 数据类型 运算符
    第一章 进制转换
    1. JDK 、 JRE 、JVM有什么区别和联系?
    office toolkit怎么用(以激活office professional 2013为例)
    PHP代码审计4-漏洞挖掘思路
    PHP代码审计3-SQL注入,CSRF,动态函数执行与匿名函数执行,unserialize 反序列化漏洞,变量覆盖,文件管理,文件上传
    PHP代码审计2-常用超全局变量,常用命令注入,常用XSS漏洞审计,文件包含
    PHP代码审计1-审计环境与调试函数
    小白日记54:kali渗透测试之Web渗透-补充概念(AJAX,WEB Service)
    小白日记53:kali渗透测试之Web渗透-SSL、TLS中间人攻击(SSLsplit,Mitmproxy,SSLstrip),拒绝服务攻击
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315745.html
Copyright © 2011-2022 走看看