当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 三个简单实用的用于 DOM 操作的 jQuery 方法讲解

三个简单实用的用于 DOM 操作的 jQuery 方法讲解

2019年03月23日  | 移动技术网IT编程  | 我要评论

获得内容 - text()、html() 以及 val()

三个简单实用的用于 dom 操作的 jquery 方法:

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容(包括 html 标记)

val() - 设置或返回表单字段的值

获取属性 - attr()

jquery attr() 方法用于获取属性值。

设置内容 - text()、html() 以及 val()

我们将使用前一章中的三个相同的方法来设置内容:

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容(包括 html 标记)

val() - 设置或返回表单字段的值

下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容:

实例

$("#btn1").click(function(){    $("#test1").text("hello world!");});$("#btn2").click(function(){    $("#test2").html("<b>hello world!</b>");});$("#btn3").click(function(){    $("#test3").val("runoob");});

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网