14. 尚硅谷_佟刚_jQuery_重写 JS 实验之分类添加内容.wmv原创

啊，现在呢，我们来看前边我们讲过的一个练习，DS里边讲的大家还能记得啊，我点三，让我先选择类型，选一个请输入内容空格内容OK，这个空格是可去的，写一个上硅谷。注意有空格游戏跟上没问题，而且这个空格也去了，而且我点这三个的时候，什么它也可以跟其他的一样，弹出这个文本内容，还记得这个练习吧，OK，那这个练习的话呢，前边我们看啊，这叫练习几呢，练习三。打开，当时我们写这个练习三的话呢，写的好恐怖的，用什么呀，完全是用的这个，呃，GS的代码写的具体需求。

在这儿呢，具体步骤在这呢，步骤的话呢，我们就不说了啊，现在的话呢，给它改为使用j query来实现，看一看j query是不是真的像我们说的那样，是吧，会达到事半功倍，而且特别优雅的效果，写一下。整个这个改为使用几块热水线都干掉，步骤的话我也拿掉了啊，因为前面的话呢，我们这个步骤我们已经写过了，我不会像以前那样一步一步的填空了，步骤已经写过了，直接提供实现，看这个我先需要把这个复制过来。然后先实现需求一。方式点击sum看看吧，就是发是个什么呀，这b input是吧，但这个时候的话呢，我们最好是去看一下。

API我们说去选谁呢？去选我们看。是不是有三米的，这就是选提交按钮的，这里面只有一个提交按钮，所以说我就可以这么写，只有一个提交按钮。Sum填click，跟上面一样，我需要取消提交按钮的默认行为，怎么写，Return Bo OK，这个时候我再点的话，他应该没有那个，没有那么多事儿了。是这个右键打开浏览器看一下，哎，没问题，好了，然后我要干什么呢？我要看这个radio有没有被选中的吧，说radio有没有被选中的怎么写，首先我需要来选。

Radio radio的话呢，属性叫好，我们希望的是有被选中的。怎么写啊，选中的你看好吧，这就是被选中的那个或害。这是一个什么？这是一个几块对象这么写。看说如果如果没有被选中是是个什么情况啊，有被选中应该是N等于零吧了，要请输入。

类型请选择类型请选择类型，然后false，否则这个值我就可以获取到了，怎么获取啊，已经被选中的value值就可以打一下，刚出油哎，先看效果。放心，请选择类型，我选一个city，我选一个给city是他game是他，OK，这个搞定以后的话呢，然后这就有了哈，然后我需要看什么了，然后我需要看这个name值是不是输入吧，我首先需要来获取name的这个value值括号name等于。首先它是一个。

然后名称等于。Name名称等于name吗？你看这个name等于name吗？它的Y流值首先的话呢，这个先。获取一下，因为一会我还需要用它，Name等于。它的Y流值，好吧，我呢需要去除前后空格，哎，我在减query的这个方法里面有一个是可以去除前后空格的，我们看一下还有一个方法叫tri。好吧。在哪？

处理字符串的效果设置这个不是。A，工具字符串函数看见了吧？刀符点tri，它可以去除前后空格，这个家伙可以去除字符串起始跟结尾的空格，于是这个是我们新说的一个啊，高浮点对str，作用是可以去除STRSTR的前后空格，好了，然后name等于。对。Name，然后怎么办？然后我需要把这个name的值给它重新的不为去除前后空格的if，如果名字等于什么呀？

空串就告aler，请请输入内容，请输入内容，然后呢，你看好了，否则的话呢，我就写完了，写完之后怎么了，我需要创建一个Li吧。媳妇长啥样啊？里边是不是就是我出的这个那种值啊是吧，比方说哎，我是上骨这样写，可惜呢，是不是一个动态的呀。加，嗯，写完这个需要加为减to加谁，我写一个加为井号city吧，那我们这个city是不是动态的啊。

的是谁呀？生那太度啊加，于是就写完了，你看代码就这么一下，再看效果刷新类型。哎哟，坏了，这是不对是吧，再来看。说等号是双等啊，保存这个了。类型城市。游戏好内容。红包回来了哈。都上来了没有，但是我有个什么特点啊，我第二个需求还没有写完呢，第二个需求啥样的？第二个需求是说是包括新增的Li都能响应on click事件，弹出Li的文本值，跟前边一样，Function so。

你给我传一个Li进来，我要打印其文本值，把Li包装一下，打印原本值写完我说。使所有的Li不能这样，你写吧。使所有的Li click。都能这样，Function so，就这样这思吧，搞定，然后这个也一样，这很有意思啊，我说看我们讲了铁块有一个特征，就是它可以执行方法的连缀，在我调完这个方法之后的这个返回值还是前面这个，于是我可以直接这样写。

点。So。这谁呢，再看。北京。极品飞车游戏dota。上去整个这个就写完了。好了，我们来归结一下，看一看哈，呃，哪些是值得我们进行总结的，这个思路的话呢，前面我们讲GS的时候已经讲过了，思路我们不谈了，我们只是谈在这里边，通过这个练习，呃，有哪些解块的基础点值得我们再重新的强调一下，这个函数不必说了，这个的话没什么讲的啊，过来看click啊，然后for过来第一个需要。

总结了一红。JS的响应函数一样。对象的响应函数。若返回。可以可以取消。指定元素指定。元数的默认行为们说谁样，比如萨米特，还有什么A标签也是啊，哎，第一个是总结的哈，然后的话呢，我们看这怎么写的，这是获取name等于type，而且被选中的video吧，然后说如果是零的话怎么样，这是什么？这完全是一个选择器，当然这一个选择器里边我们包含了若干个选择器，说选中内幕属性就是name，属性值是type，而且被选中的radio比师说本身是一个数组对象，然后的话呢，获取值来我们第二个我们说到Y流方法二。

Value方法相当于什么呀，相当于我们前面讲了，相当于at tr啊获取。表单元素的Y流属性值，这个方法就是干这个事去拿到，然后的话呢，这支取嗯。

这是一个解块对象，这是取什么呀？取name属性值等于name的text，然后的话呢，获取Y6值，去除前后空格CTC，第三个需要说的。使用这个可以去除前后空格拿到，然后的话呢，把这个值重新治理一下，你看行吗？这个是读，这个是写吧，这个是读，这个是写，然后看等不等于空，等于空的话看信息后边就是什么to，这块的话，我们就讲叫什么解块对象方法的连缀，哎。这个时候我们也说过啊，Query对象的方法的连缀，什么叫连缀啊，就是说调用一个方法的返回值还是。

调用的对象。于是可以在调用方法的后面依然。调用先前的，先前的那个对象的其他方法，这就叫方法的连缀，这是一个典型方法连缀的效果，我调完这个喷to之后啊，这个返回值还是这个新方景的Li，所以说我可以为这个Li添加click显函数，整个这个练习就写完了。值得我们总结的有这样的四点。大家认真看一下，把你没写好的写上。