基本选择器-查找的应用

原创 2018年04月16日 19:00:17
 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-8">
 <title></title>
 <script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
 <script type="text/javascript">
 //页面加载完后调用,初始化jquery
 $(function(){
 //查找表格的第一行(第一个)
 // var tr = $("tr:first");
 // tr.css("color","red");
 //查找表格的最后一行
 // var tr = $("tr:last");
 // tr.css("color","red");
 //查找所有未选中的 input 元素
 // var inputs = $("input:not(:checked)");
 //查找表格的1、3、5...行(即索引值0、2、4...)
 // var trs = $("tr:even");
 // trs.css("color","red");
 //查找表格的2、4、6行(即索引值1、3、5...)
 // var trs = $("tr:odd");
 // trs.css("color","red");
 //查找查找第二行
 // var trs = $("tr:eq(1)");
 // trs.css("color","red");
 //查找第二第三行,即索引值是1和2,也就是比0大
 // var trs = $("tr:gt(0)");
 // trs.css("color","red");
 //查找第1第2行,即索引值是0和1,也就是比2小
 // var trs = $("tr:lt(2)");
 // trs.css("color","red");
  
 var h = $(":header");
 h.css("color","red");
 debugger;
  
  
 });
 </script>
 </head>
 <body>
 <table>
 <tr><td>Header 1</td></tr>
 <tr><td>Value 1</td></tr>
 <tr><td>Value 2</td></tr>
 </table>
 <input type="checkbox" name="apple" />
 <input type="checkbox" name="flower" checked="checked" />
 <br />
 <h1>Header 1</h1>
 <p>Contents 1</p>
 <h2>Header 2</h2>
 <p>Contents 2</p>
 </body>
 </html>
 

CSS3 选择器—基本选择器

CSS 选择器CSS是一种用于屏幕上渲染html,xml等一种语言,CSS主要是在相应的元素中应用样式,来渲染相对应用的元素,那么这样我们选择相应的元素就很重要了,如何选择对应的元素,此时就需要我们所...
  • jeikerxiao
  • jeikerxiao
  • 2017-04-20 14:54:44
  • 362

jQuery选择器速查表

  • 2013年12月12日 08:16
  • 440KB
  • 下载

Jquery简单过滤选择器(应用最广泛的选择器)

(1)Jquery中简单过滤选择器 jquery根据某一类过滤规则进行元素匹配,书写时以:开头,是Jquery中应用最为广泛的选择器 (2)简单过滤选择器的基本语法 ①first()或者...
  • qq_29854443
  • qq_29854443
  • 2017-05-04 21:37:03
  • 559

jQuery基础教程之强大的选择器(基本选择器)

jQuery之所以称之为“jQuery”,主要就是因为她强大的选择器,也就是javascript query的意思。 今天我来说一说,jQuery的最基本的选择器。 jQuery的基本选择...
  • wql19881207
  • wql19881207
  • 2012-03-31 13:41:00
  • 1254

CSS中的三种基础选择器,

Html中有三种方法可以使用CSS,而在css中,有三种基础的选择器 1、元素选择器     也叫标签选择器,即在CSS中利用标签名称来定义其外观 2、类选择器,是用点.符号开头,后面跟上一个自定义的...
  • liusure09
  • liusure09
  • 2016-01-13 16:00:39
  • 2097

CSS:CSS选择器之【基本选择器】

概述CSS选择器的作用是找出某类元素,以便我们使用style元素或者外部样式表对这类元素设置样式。CSS的基础选择器主要有三个:标签选择器、类选择器、id选择器和属性选择器。通用选择器通用选择器匹配文...
  • Hierarch_Lee
  • Hierarch_Lee
  • 2016-09-21 11:01:49
  • 727

JQuery入门贴:五种基本选择器

JQuery的选择器是很强大,很灵活的。基本选择器是我们平时编程中用的最多的,虽然JQuery版本现在已经发展到了2.x版本,但是基本选择器没有发生改变,就是只有5种。...
  • aitangyong
  • aitangyong
  • 2015-02-05 21:35:58
  • 812

CSS基础:基本选择器分类和使用

1、通配符选择器(*)*{ marigin: 0; padding: 0; }//ul元素下的所有元素 ul *{border:1px solid blue;}2、元素选择器(Elem...
  • javaloveiphone
  • javaloveiphone
  • 2015-10-01 15:17:01
  • 1207

【CSS】——三大基础选择器以及优先级

前提  小编最近在学习前端的一些内容,想要做出用户体验度高的界面,CSS是我们必须要学习的一门编程语言。何为CSS?   CSS(Cascading Style Sheets,层叠样式表)是一种用...
  • jiadajing267
  • jiadajing267
  • 2016-05-23 14:30:24
  • 1407

链表的基本内容和基本应用

所谓链表,就是相当于用链式结构存储数据,这也是我在书上看的,把自己的理解记录下来把,它是一种操作相对灵活的数据结构,虽然有时候数组也能完成相应效果,但是不如它方便,下面我们就来介绍一下。申请数组在计算...
  • qq_40843412
  • qq_40843412
  • 2018-02-08 16:06:55
  • 28
收藏助手
不良信息举报
您举报文章:基本选择器-查找的应用
举报原因:
原因补充:

(最多只允许输入30个字)