24. 尚硅谷_佟刚_jQuery_实验之品牌展示.wmv原创

我们来看一下这个练习三，我首先刷新一下就长成这样，它怎么样会显示一些这个相机，佳能，索尼，三星，尼康，松下，卡西欧其他品牌，然后我点这个显示全部品牌，你需要看这个页面上会发生。哪些变化，我点一下瞅着。这个时候会发生几个变化呀，第一个我显示的多了吧，第二个有三个品牌是高量吧，第三个这个是不是变成显示经典品牌了，第四个你注意这个箭头应该是像。向上以前是向下，诶在我点击它的时候的话呢，会有四个变化，然后我再点的话又。回去吧，OK，我们就来完成这样的一个任务，首先呢，我把这个复制过来。

复制。这个名字我就不改了哈，直接放过来，好，我把这个代码去掉。好，我们首先看一下我这个里边有什么，里边实际上是什么呀，实际上这些div是不是都有啊，都有，那首先我们需要干的事是一需要选择，选择谁呢？我的只是一部分选择。从复试到。爱国者这些开始的时候应该是隐藏的。选择从。复试。哦。爱国，爱国。

是吧，所有然OK第二步把他们隐藏啊，是不是只有这样式的话，我才会是刷新这个状态是吧，然后的话呢，应该是为注意是为这个什么，为这个div为整个不是指的这个超零间为整个div加一个时价过来看谁呢他。CTRLC3。喂，哈。添加一个高响应函数好了，小函数干什么呢？四。

看下面应该是什么的样数。是吧，我得先看这个家伙是不是可见的吧？这要是可见的怎么样，不可见的怎么样。说若。比方说我们这块，我们写一个这个值叫cat，这个是可见的，这个是隐藏。若这个是隐藏的，好了。4.1看什么呢？隐藏的，我在点的时候应该是发生四件事，第一个让这个显示。第二个。第二个是什么？第二个是让三个对位高亮让，呃，佳能尼康奥林巴斯高亮显示使。

佳能。Income。奥林。巴斯。变为高亮显示，所以说怎么高亮显示啊。嗯。报料显示啊，实际上就是给它加上这样的一个就可以了，添加这样一个样式添加。被告。啊，这就可以了，好了，4.3 4.3是什么呢？43应该是这注意看哈，这里边显示经典品牌，呃，显示什么品牌，配为显示经典品牌哪里呢。

这里边儿的干的这个汉字我直接写了啊。点这里边的谁呢？诶，错了。A里边的span的文字。变为显示精减。品牌再来。4.4 4.4是什么。看还有一个箭头变为向上。4.4这个里边的啊，箭头在哪呢，在这。看啊，Spend这个background变成什么呀，这个变为up就可以了，就是这个。

Spend。Back。B。变为啊跟谁呢，因为他。都是这些CTRLC。啊。OK，这是我们这块的需求。整个的步骤哈，我们看哪一步需要，我们先说一下，第一个选择器，大家自己去选，第二个隐藏had on click显函数，On click显函数这地方是不是有个超链接啊，所以说你需要注意的是需要干什么，需要。

取消默认行为这事的干好吧，如果它是隐藏的，是不是用意的判断是隐藏的，使用is，使用is，然后呢，这个变为简式，然后使这三个变为高亮，想想应该如何来选啊，高亮这个东西简单，直接添加一个class就可以了，然后使这个文字变为什么，使这个背景色配，使这个背景变为什么就可以五。五是显示。这个后边这个过程是不是跟这相反呢。大家去就可以了，OK，拉下去完成一下。第一稿选富士当爱好者。

等于好了，到爱国者，我们看，我们应该数吧，五十一开始复试。那复试应该是几呀？复试是七，应该是六吧，下边从零开始吗？GT大于五，LT小于多少啊？小于好了，一直往后数，比方说64应该是14 13小于啊13好，写完写完之后做一个隐藏看看对不对啊，Cat点好，你看效果。哎，我们发现是不是多藏了一个呀，于是的话呢，就想这块应该是12。

你看是不还不对啊，那你要写成十也也不对，对，所以说这么写不行是吧，为什么不行啊。前面是不是已经选了呀，大于五，看大于五应该是从卡西欧之后，这些这些在这些的基础上小于十，懂这意思吧，所以说这样写不行，那你要一定要写的话呢，那你写完了是从58~65，一共是几个，一共是八个，八个我应该是小于小于六八。就小小于七小于嘛，OK，这样写可以这样写啊，太辛苦了，怎么办呢？直接告他not，他不是最后一个数就可以了啊，好，隐藏这样就行了，好了，那最后一个这个是最简单的，刚才那个需要注意我是在这个的基础上小于多少，而不是基本这个lii好了，加吧。

搜more。方式，OK，先需要return bos，然后来XOA好了，那首先的话呢，我看它是隐藏的还是显示的，If怎么写cat点意思，如果它是隐藏的，那我就让它行这四个CR一个显示。

点so，第二个是那几个高亮，那几个方怎么变呢？Ii看吧。LA佳能尼康奥林巴斯是不是contains啊？嗯，包含的文字是加能，这是一个逗号。逗号不是并集吗？选C。你看。2084。

点爱的。什么呢啊，因为高量就是加咖。过来。再看刷新。何亮，别显示了啊，好了，再有呃，文字改一下。直接写就可以了，CTRL没没有点CTRLC。点认为显示经典品牌。最后一个这个background。加油。

双C。BSS变为。有。因为他。C、保存好看效果。向上了吧，这就完了，上一个写个什么呀，写个L。好else把这个就是过程啊，一下就可以了。有什么呢？一啊，隐藏。

第二个去除那个什么呀，去除那个glass都去墨。都去？什么都去呢？这样写。C过来CT，然后是呃，这个变为显示经典品牌经典全部全部OK，最后一个变为二。OKI叫。下来。上去可以吧，这就写完了，OK，大家只需要把这个空一个一个填就可以，这里面需要注意的点我们说一下。

需要注意个什么呢？需要注意一个它。C如果你这块真写一个LT的话，比方说LT，我们随便写一个，写个十，注意此时。是LT是在这个基础上进行的。这个。基础上。可以。