复习JS和jQuery

时间:2022-07-04 14:38:20

复习JS和jQuery

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

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

那么JS的代码如下:

复习JS和jQuery

复习JS和jQuery

效果就可以做到了。

复习JS和jQuery这样就可以做到点增则增点删则删,且从下往上删,当只剩一行时,也就删除不了。

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

复习JS和jQuery

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

复习JS和jQuery

小结如下:

: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) 删除当前元素,返回值为被删除的元素。还可以继续使用被删除的节点。