12. 尚硅谷_佟刚_jQuery_选择器的练习.wmv原创

我们继续来学习几块。首先。先来创建一个静态的外部工程。然后呢，我们来创建一个文件夹。干什么呀，我们要把这个几块这个文件直接给他拷进来好OK。我们在前一天呢，我们主要是讲了这块的选择器，我们现在通过这样的一个练习来用一下前面我们学到的这块的选择器。练习一。具体实现呢，是这样的，这个时候呢，我可以弹出每一个段落的这个信息，这个我们在讲道的时候呢，讲过，然后底下呢，一共是有两个table，我使第一个table隔行变色，我再说一遍啊，前面是有两个table，我使第一个table隔行变色，然后这块我们可以呃，弹出我选中的个数，好，我把这个复制过来。

我们来看一下这个代码。我的需求就是。P，我在点击每个P节点的时候，能够弹出去内容啊，Table是第一个table。

是第一个table，各方面大家看这是一个table。或者是还有一个table啊，我希望的是使第一个table隔行变色，你至于说是基柱行变色还是偶行变色，这个无所谓，加上一个背景色备，然后最后一个点击button弹出check box被选中的个数，点击这个button弹出哎，我选了哪些？呃，我选中了多少个check box，然后看被选中的是多少个。发一句大家写一下，首先我们需要那我这个呢的文件名改一下。然后呢，我们确定用的是function，这个没问题哈，所有的P节点，所有的节点。

P节点加上一个click弦函数写一个function。弹出基本本值和值含谁呢？这个death是。对象吧，你可以这么写，Child点的value，这么写呢，有点麻烦，先看效果。这是可以的，这是可以的，还可以怎么写，我们说解query对象有一个text的方法看，还可以这么写，解query对象form对象转为解query对象点X。

保存这也是可以的，再看没问题，然后呢，我们讲了说这个text方法呀，是一个读写的方法，如果这个text里边。要是没有任何文本的话，它将返回这个，呃，文本值，如果要是有文本呢，是不是为其设置啊找着。x.X是谁呢？是他。加x.X懂懂什么意思吧，是不是在我那个文本以前的基础上加上两个这个小尖尖上。再看弹一个，再弹一个，每次都是这样，哎，这就是我们讲到的什么呢？第一个叫JA query的基本选择器，根据标签名去选。

根据标签名去选，然后加上一个click事件function，就是里边的选应函数，里边的话呢，有一个date，这个date是一个倒元素，如果你把这个一包装的话，就可以用到解query对象的text方法，其中text方法具有两面性，第一个不加参数的话表示读取text文本值，加参数的话表设置text。好了，就这么一个小练习啊，我们要把里面包含的这个点跟大家说一下。第一个需要说的就是。一我们讲叫对象。有一个特性是吧，可以进行叫隐视迭代。

什么叫演示迭代，什么叫显示迭代呢？显示迭代就是说我手工去做一个for循环叫显示迭代，你看现在我是不是获取了一个P节点啊，我这样写完之后的话呢，我们知道用这个呃解块这种方式获取的一个解块的对象的话，它是不是一个数组啊。解块对象是一个数组对象，然后的话呢，你为这个P加click，这意味着你为所有的P节点都加上了click显验函数来我们直接说例子的话呢，这么说说呀。要这么写的话。他指的是什么呢？他指的是。

对，选取的所有的T节点都添加了。C响应函数。这就是我们所谓的叫隐式迭代，因为解块的对象本身就是一个down的附属对象，看着啊，RY对象。本身就是吉康。当对象的数组好了，第一个需要说的第二个。说。说。

在响应函数中，这个A是一个。对象好了，若想使用写query对象的方法怎么办呢？需要把其包装为JA query对象。什么包装使用？他把这次包起来就这个意思，你看这个的话，我就给它，哎包起来了。三进行总结的时候呢，我们也有说像这个text的方法，是一个读写的方法，后边我们还会学到，比方说，比方说value。

都是这样的方法，什么情况呢？不加参数，不加任何参数是干什么呀？读取。When。本值加参数加参数为。属性节点添加。本本制。这文本值指的是什么？是不是那个文本节点啊？哎，这是我们这个练习需要注意的这三个点，第一个我们谈了一个词叫隐视迭代，叫隐视迭代，第二个。

我们谈到了我们在弦函数里边的话呢，这个this是一个down对象，如果想用解块对象方法的话，需要把它转为解块对象，怎么转？我们再将解块的第一节课的话呢，我们就说这个事儿了，什么是解块对象，什么是倒对象，它们之间如何进行转换？第三个哎，我们又讲了一下这个text的方法，跟text类似的一个方法，还有什么呢？我们写一下啊，说和类似的方法，还有比方说tri，比方说Y6啊，后边的话呢，我们还会提，我希望后边提的时候，大家可以能跟前面这个联系上，第二个是第一个C各方面测两个cable。给我逼什么钱？

好了，然后呢，使它隔行变色，变色的应该是PR吧。对吧？啊，Able最开始应该是一个基本选择器，First应该是一个过滤选择器，加上一个空格，TR应该是乘次选择器，这个名不重要，我们讲的是，哎，我这里边实际上同时用了三个选择器，然后我使它隔行变色，CSS变为FA ABB BA a ACC，我知道理解都啥样了哈，看一眼。坏了，全变了是吧，你怎么隔行啊，一本这就隔行了，再看就这个，这就隔行了，我刚才没加上这个一，或者是加上这个的话就隔行了，来点button被选中的个数，首先我需要来选button，这个button呢，这不就是一个button呢，在我整个这个文档里面只有一个button，于是button。

点。放。被选中的个数谁呢？我要的是，诶check box，这里边也只有这一种check box啊，Check box被选中的个数，首先说叫check box被选中的check吧。他的对出来。保存看一下一个。

好了，到这块的话，我们这个练习就写完了。