知识点一

1.jQuery获取一个id为变量的控件

info是变量，$("#"+info)

2.通过jQuery删除已有的HTML元素

remove()：删除被选元素及其子元素

empty()：从被选元素中删除子元素

示例：$("#id").empty();

3.通过jQuery向HTML增加子元素

append()：向每个匹配的元素内部追加内容

appendTo()：把所有匹配的元素追加到另一个指定的元素集合中

prepend()：在被选元素的开头插入内容

after()：在被选元素之后插入内容

before()：在被选元素之前插入内容

appendChild(Node)：一般是在指定元素节点的最后一个子节点之后添加节点，但如果Node是页面中的DOM对象，那么就不是添加节点了，就是直接move节点。可以理解为移动一个元素。

append()和appendTo()区别：append()前面是要选择的对象，后面是要在对象内插入的元素内容；appendTo()前面是要插入的元素内容且为jQuery对象，效果和append()一样，只不过它们的写法是反着来写的而已。

4.js和jQuery获取和修改input的值

获取值：

js：document.getElementById("id").value();

jQuery：$("#id").val();

设置值：

js：document.getElementById("id").value()="xxx";

jQuery：$("#id").val("xxx");

5.js和jQuery获取和修改label的值

获取值：

js：document.getElementById("id").innerText;

jQuery：$("#id").text();

设置值：

js：document.getElementById("id").innerText="xxx";

jQuery：$("#id").text("xxx");

6.jQuery中html()、text()、val()和js中innerHTML、innerText、value

在jQuery中：

.html()用来读取和修改元素的HTML标签

.text()用来读取和修改元素的纯文本内容

.val()用来读取和修改表单元素的value值

html()和val()都是读取时，取第一个匹配的值但是设置时，却是设置每一个匹配的值。

text()则是取所有匹配元素的纯文本内容，设置也是设置所有匹配元素的文本内容。

js中：

.innerHTML：从对象的起始位置到终止位置的全部内容

.innerText：从起始位置到终止位置的内容，但它去除Html标签

.outerHTML：除了包含innerHTML的全部内容外，还包含对象标签本身

注意：innerHTML是符合w3c标准的属性，而innerText只适用于IE浏览器，因此，尽可能用innerHTML，如要要输出不含HTML标签的内容，可使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签。

7.js获取事件源及触发该事件的对象

某html元素有onclick方法：onclick="myfunction(event)"

function myfunction(event) {    event = event ? event : window.event;    var obj = event.srcElement ? event.srcElement : event.target;    //这时obj就是触发事件的对象，可以使用它的各个属性     //还可以将obj转换成jquery对象，方便选用其他元素     var $obj = $(obj);    alert($obj.parent().attr("href"));}

8.js数组

1、创建数组var array = new Array();var array = new Array(size);//指定数组的长度var array = new Array(item1,item2……itemN);//创建数组并赋值2、取值、赋值var item = array[index];//获取指定元素的值array[index] = value;//为指定元素赋值3、添加新元素array.push(item1,item2……itemN);//将一个或多个元素加入数组，返回新数组的长度array.unshift(item1,item2……itemN);//将一个或多个元素加入到数组的开始位置，原有元素位置自动后移，返回新数组的长度array.splice(start,delCount,item1,item2……itemN);//从start的位置开始向后删除delCount个元素，然后从start的位置开始插入一个或多个新元素4、删除元素array.pop();//删除最后一个元素，并返回该元素array.shift();//删除第一个元素，数组元素位置自动前移，返回被删除的元素array.splice(start,delCount);//从start的位置开始向后删除delCount个元素