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方法:οnclick="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个元素