复习JS和jQuery

                                                                       复习JS和jQuery

      近些时日，以前学过的东西忘了好多。今天且写一点复习一下JS和jQuery.希冀与某年某月某日，忘却的时候，能看一下自己写的博文，尚可记起一二。

      现在有需求如下：有两个按钮，一个是增加按钮，一个是删除按钮。当点击增加按钮的时候，就增加一行，当点击删除按钮的时候就删除一行， 要求是从最下面的开始删起，当只剩一行的时候就不可以再删除下去了。这个就有点相当于是第一行是表头吧，比如写姓名，或者年龄什么的，这些不可删除的，而下面写的实际的一些数据就可以删除了。要求用JS和jQuery做。

    那么JS的代码如下：

效果就可以做到了。

这样就可以做到点增则增点删则删，且从下往上删，当只剩一行时，也就删除不了。

 

当然最简单的就是jQuery,代码量最少的也是jQuery的，因为它就是一个对JS的封装。就是JS的一个函数库。

其效果也是可以做到的，姓名和年龄那一列也是删除不了的。

小结如下：

:first 选取第一个元素。$("div:first")选取第一个<div>

:last 选取最后一个元素。$("div:last")选取最后一个<div>

:not(选择器) 选取不满足“选择器”条件的元素，$("input:not(.myClass)")选取样式名不是myClass的<input>

:even、:odd，选取索引是偶数、奇数的元素：$("input:even")选取索引是奇数的<input>

:eq(索引序号)、gt(索引序号)、:lt(索引序号) 选取索引等于、大于、小于索引序号的元素，比如$("input:lt(5)")选取索引小于5的<input>

empty(); 清空某元素下的所有子节点 内部实现：while(ele.firstChild){ele.removeChild(ele.firstChild);}//不同版本可能不一样。

remove(selector) 删除当前元素，返回值为被删除的元素。还可以继续使用被删除的节点。