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)结果如下图: