jQuery文档操作

jQuery操作文档：

一 heml文档操作

1.创建元素

$("<div></div>")

2.添加元素

parent.append(child)　　添加一个子元素

3.删除元素

node.remove();

　　$("div").remove()　　删除所有的div元素

4.替换元素

node.replaceWith();　　替换元素

　　$("div").replaceWith("<p>我是来替换的</p>")　　将所有的div元素替换为p元素

 

二 html元素内容、值、属性操作

1.text()方法　　获取或设置元素的文本内容

$("div").text()　　获取所有div的文本内容

$("div).text("设置文本内容")　　为所有的div元素设置文本内容

2.html方法

$("div").html()　　获取所有div的第一个div的html内容

$("div).html("设置文本内容")　　为所有的div元素设置html内容

 

3.attr()方法　　获取或设置元素的属性值

$("input[type='checkbox']").attr("checked")　　获取所有匹配的复选框中的第一个复选框的checked的属性值

$("input[type='checked'].attr("checked",true)　　为所有匹配的复选框设置checked属性值为true（设置为选中状态）

 

4.val()方法

$("#username").val()　　获取所有匹配的用户名输入框中的第一个输入框中的value值

$("#username").val("设置的value值")　　为所有匹配的用户名输入框中设置value值

 

5.其他方法

（1）next()

（2）nextAll()

（3）siblings()

（4）prev()/prevAll()

（5）parent()/parents()

（6）find()

$("table").find("td")　　获取所有匹配的table内部所有的td后代元素

 

转载于:https://www.cnblogs.com/gxlaqj/p/11386598.html