通过 jQuery分别举例实现获取和设置内容：text()、html() 、 val()、attr()

好的，下面是四个方法的使用示例：

1. 获取和设置文本内容：

获取文本内容：

var text = $("p").text();

设置文本内容：

$("p").text("Hello World!");

2. 获取和设置 HTML 内容：

获取 HTML 内容：

var html = $("div").html();

设置 HTML 内容：

$("div").html("<p>Hello World!</p>");

3. 获取和设置表单元素的值：

获取表单元素的值：

var val = $("input").val();

设置表单元素的值：

$("input").val("Hello World!");

4. 获取和设置元素属性值：

获取元素属性值：

var attr = $("img").attr("src");

设置元素属性值：

$("img").attr("src", "images/logo.png");

相关问题

利用jQuery获取和设置HTML页面元素的方法有哪些

jQuery是一个JavaScript库，提供了许多用于获取和设置HTML页面元素的方法。以下是一些常用的方法：

1. `$(selector).html()`: 获取或设置元素的HTML内容。
2. `$(selector).text()`: 获取或设置元素的文本内容。
3. `$(selector).attr(attributeName)`：获取元素的指定属性值。
4. `$(selector).attr(attributeName, value)`：设置元素的指定属性值。
5. `$(selector).val()`：获取表单元素的值。
6. `$(selector).val(value)`：设置表单元素的值。
7. `$(selector).addClass(className)`：向元素添加一个CSS类名。
8. `$(selector).removeClass(className)`：从元素中删除一个CSS类名。
9. `$(selector).toggleClass(className)`：如果元素没有指定的CSS类名，则添加它，否则删除它。
10. `$(selector).css(propertyName)`：获取元素的指定CSS属性值。
11. `$(selector).css(propertyName, value)`：设置元素的指定CSS属性值。

其中，`selector`表示要选择的HTML元素，可以是元素的标签名、类名、ID、属性等。

jquery实现动态获取值赋值给select设置默认值

假设你有一个下拉框(select)如下：

<select id="mySelect">
  <option value=""></option>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

通过jQuery可以动态获取值，然后将其赋值给该下拉框作为默认值。例如，如果你想将默认值设置为2，则可以使用以下代码：

$(document).ready(function(){
  $('#mySelect').val('2');
});

这将在文档加载完成后执行，将下拉框的默认值设置为“Option 2”。

如果你想从一个文本框中获取值并将其设置为下拉框的默认值，则可以使用以下代码：

$(document).ready(function(){
  var myValue = $('#myTextBox').val();
  $('#mySelect').val(myValue);
});

这将从ID为“myTextBox”的文本框中获取值，并将其设置为下拉框的默认值。