元素（Element）选择器（jQuery）

来源：互联网发布：挪威知乎编辑：程序博客网时间：2024/05/18 12:41

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）结果如下图：