jquery怎么设置让默认值

在jQuery中，设置默认值的方法有很多，这里我将详细介绍两种常用的方法：使用attr()方法和使用prop()方法。

1. 使用attr()方法设置默认值

attr()方法用于获取或设置元素的属性值，要设置元素的默认值，可以使用以下步骤：

1、确保已经引入了jQuery库，在HTML文件中添加以下代码：

<script src="https://code.jquery.com/jquery3.6.0.min.js"></script>

2、接下来，创建一个HTML元素，例如一个<input>元素，并为其添加一个datadefault属性，该属性的值将作为元素的默认值。

<input type="text" id="myInput" datadefault="默认值">

3、编写JavaScript代码来设置元素的默认值，在<script>标签中添加以下代码：

$(document).ready(function() {
  // 获取元素的datadefault属性值作为默认值
  var defaultValue = $("#myInput").attr("datadefault");
  // 使用attr()方法设置元素的默认值
  $("#myInput").attr("value", defaultValue);
});

4、保存文件并在浏览器中打开，可以看到<input>元素的默认值已经被设置为datadefault属性的值。

2. 使用prop()方法设置默认值

prop()方法用于获取或设置元素的属性值，与attr()方法类似，但适用于布尔类型的属性（如checked、disabled等），要设置元素的默认值，可以使用以下步骤：

1、确保已经引入了jQuery库，在HTML文件中添加以下代码：

<script src="https://code.jquery.com/jquery3.6.0.min.js"></script>

2、创建一个HTML元素，例如一个<input>元素，并为其添加一个datadefault属性，该属性的值将作为元素的默认值。

<input type="checkbox" id="myCheckbox" datadefault="true">

3、编写JavaScript代码来设置元素的默认值，在<script>标签中添加以下代码：

$(document).ready(function() {
  // 获取元素的datadefault属性值作为默认值
  var defaultValue = $("#myCheckbox").prop("checked") == "checked";
  // 使用prop()方法设置元素的默认值
  $("#myCheckbox").prop("checked", defaultValue);
});

4、保存文件并在浏览器中打开，可以看到<input>元素的默认值已经被设置为datadefault属性的值。

在jQuery中，可以使用attr()方法和prop()方法来设置元素的默认值，对于字符串类型的属性，可以使用attr()方法；对于布尔类型的属性，可以使用prop()方法，通过为元素添加一个datadefault属性，可以方便地设置元素的默认值。