现在的位置: 首页 > 综合 > 正文

元素(Element)选择器(jQuery)

2014年02月16日 ⁄ 综合 ⁄ 共 1452字 ⁄ 字号 评论关闭

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

                      

抱歉!评论已关闭.