jQuery文档操作

廉价感情. 提交于 2019-11-28 02:35:34

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值

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!