Jquery操作html常用函数-Toy模板网

这篇具有很好参考价值的文章主要介绍了Jquery操作html常用函数。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1. text()

获取元素的文本内容：$("#element").text();

设置元素的文本内容：$("#element").text("New Text");

2. html()

获取元素的 HTML 内容：$("#element").html();

设置元素的 HTML 内容：$("#element").html("<p>New HTML</p>");

3. val()

获取表单元素的值：$("#input").val();

设置表单元素的值：$("#input").val("New Value");

4. attr()

获取元素的属性值：$("#element").attr("attributeName");

设置元素的属性值：$("#element").attr("attributeName", "newValue");

5. removeAttr()

移除元素的指定属性：$("#element").removeAttr("attributeName");

6. addClass()

在元素上添加类：$("#element").addClass("className");

7. removeClass()

从元素上移除类：$("#element").removeClass("className");

8. toggleClass()

在元素上切换类：$("#element").toggleClass("className");

9. hasClass()

检查元素是否具有指定的类：$("#element").hasClass("className");

10. prop() 获取元素的属性值：$("#element").prop("propertyName"); 设置元素的属性值：$("#element").prop("propertyName", "newValue");

11. removeProp() 移除元素的指定属性：$("#element").removeProp("propertyName");

12. wrap() 将元素包裹在指定的 HTML 结构中：$("#element").wrap("<div class='wrapper'></div>");

13. unwrap() 移除元素的父级包装器：$("#element").unwrap();

14. wrapAll() 将一组元素都包裹在一个指定的 HTML 结构中：$(".elements").wrapAll("<div class='wrapper'></div>");

15. wrapInner() 将元素的内容包裹在指定的 HTML 结构中：$("#element").wrapInner("<div class='wrapper'></div>");

16. append() 在元素内部的末尾添加内容：$("#element").append("<p>New Content</p>");

17. prepend() 在元素内部的开头添加内容：$("#element").prepend("<p>New Content</p>");

18. after() 在元素后插入内容：$("#element").after("<p>New Content</p>");

19. before() 在元素前插入内容：$("#element").before("<p>New Content</p>");

20. empty() 移除元素中的所有子元素：$("#element").empty();

21. remove() 移除元素自身以及其所有子元素：$("#element").remove();文章来源地址https://www.toymoban.com/news/detail-617380.html

到了这里，关于Jquery操作html常用函数的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

Jquery操作html常用函数