jQuery取值、赋值的基本方法

jQuery是一个流行的JavaScript库，提供了简洁而强大的操作DOM（文档对象模型）的功能。在网页开发中，我们经常需要获取元素的值或者对元素进行赋值操作。接下来云梦编程为大家详细的介绍一下jQuery取值、赋值的基本方法，有需要的小伙伴可以参考一下：

1、获取元素的值：

（1）、使用.val()方法来获取表单元素的值

var value = $('#myInput').val();  // 获取id为myInput的输入框的值

（2）、使用.text()方法来获取元素的文本内容

var text = $('#myElement').text();  // 获取id为myElement的元素的文本内容

（3）、使用.html()方法来获取元素的HTML内容

var html = $('#myElement').html();  // 获取id为myElement的元素的HTML内容

2、设置元素的值：

（1）、使用.val()方法来设置表单元素的值

$('#myInput').val('Hello Yundreams');  // 将id为myInput的输入框的值设置为"Hello Yundreams"

（2）、使用.text()方法来设置元素的文本内容

$('#myElement').text('Hello Yundreams');  // 将id为myElement的元素的文本内容设置为"Hello Yundreams"

（3）、使用.html()方法来设置元素的HTML内容

$('#myElement').html('<p>New HTML</p>');  // 将id为myElement的元素的HTML内容设置为"<p>New HTML</p>"

3、清除元素的值：

（1）、使用.val()方法将文本框的值设置为空字符串

$('#myElement').val(''); // 清空id为myInput的文本框的内容

（2）、使用.text()方法将目标元素的文本内容设置为空字符串

$('#myText').text('');// 清空id为myText的元素的文本内容

（3）、使用.empty()方法将目标元素内部的所有内容都删除

$('#myElement').empty();// 清空id为myElement的元素的内容

以上就是云梦编程为大家介绍的只是jQuery提供的一小部分取值、赋值和清空的的方法，了解更多相关文章请关注云梦编程网！