selector1,selector2,selectorN选择器（jQuery）

最新推荐文章于 2021-11-13 17:28:56 发布

翱翔天地

最新推荐文章于 2021-11-13 17:28:56 发布

阅读量2k

点赞数

分类专栏： JQuery 文章标签： jQuery selector1 selector2 selectorN选择器

本文链接：https://blog.csdn.net/you23hai45/article/details/9722665

版权

JQuery 专栏收录该内容

222 篇文章 2 订阅

订阅专栏

1、 selector1,selector2,selectorN：将每一个选择器匹配到的元素合并后一起返回。

可以指定任意多个选择器，并将匹配到的元素合并到一个结果内。

2、实例

selector.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>selector1,selector2,selectorN选择器</title>
<script type="text/javascript" src="jquery-2.0.3.js"></script>
<script type="text/javascript">
    $(function(){
	    //设置整体背景色
	    $("*").css("background-color","#CCCCCC");
		//设置整体字的颜色
		$("*").css("color","#FF0000");
		//设置form的宽度
		$(".body_form").css("width","100%");
		//设置表格的边框
		$("#tab").css("border","1px solid #006400");
		//设置表格体边框
		$("tr td").css("border","1px solid #006666");
		//设置表头背景色
		$("#tab_tr th").css("background-color","#0000FF");
		//设置整体字体大小
		$("form table tr td").css("font-size","18px");
	});
</script>
</head>

<body>
  <form name="" class="body_form">
      <table id="tab">
      <tr id="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>23</td>
		<td>男</td>
		<td>河北省石家庄市</td>
		<td>羽毛球球</td>
		<td>14512455451</td>
	  </tr>
	   <tr>
	    <td>2012010106</td>
		<td>王二小</td>
		<td>24</td>
		<td>女</td>
		<td>广东深圳珠海市</td>
		<td>网球</td>
		<td>18452445555</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>
  </form>
</body>
</html>

3、显示结果如下