zoukankan      html  css  js  c++  java
  • 元素(Element)选择器(jQuery)

    1、element:根据给定的元素名匹配所有的元素

    2、查找p元素

    (1)HTML代码:

    <div>Hello</div>
    <p>World</p>
    <div>!</div>
    <p>How are you today?</p>
    <div>Fine,thanks!</div>
    (2)jQuery代码:

    $(function(){
         $("p");
    });

    (3)结果如下:

              [<p>World</p>,<p>How are you today?</p>]

    3、实例

    (1)源码

    <!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>
    <script type="text/javascript">
        $(function(){
    	    //设置表格的背景色
    	    $("table").css("background-color","#EBEBEB");
    		//设置表格的宽度
    		$("table").css("width","50%");
    		//设置表格的高度
    		$("table").css("height","100px");
    		//设置表头的背景色
    		$("tr th").css("background-color","#CCCCCC");
    		//设置表体的字对齐方式
    		$("tr td").css("text-align","center");
    		//设置表格体边框
    		$("tr td").css("border","1px solid #EE2C2C");
    	});
    </script>
    </head>
    
    <body>
       <table>
          <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>
       </table>
    </body>
    </html>
    
    (2)结果如下图:

                          

  • 相关阅读:
    HDU 2822 Dogs【两次bfs】
    HDU 2819 Swap【二分图|启发题】
    HDU 2818 Building Block【并查集+根节点偏移量】
    HDU 2817 A sequence of numbers【水题|快速幂】
    Linux内核分析--操作系统是如何工作的
    讲座感想
    用eclipse开发和调试postgresql-8.4.1
    Ubuntu 14.04下翻译软件的安装与比较
    Linux下autoconf和automake使用
    github 使用网址
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315748.html
Copyright © 2011-2022 走看看