jQuery val()方法和contains()方法的介绍

在本文中，我们将介绍 jQuery 中的两个常用方法：val()和contains()。val()方法用于获取或设置表单元素的值，而contains()方法用于检查选定元素是否包含指定的文本。

阅读更多：jQuery 教程

jQuery val()方法

val()方法是 jQuery 提供的一个用于获取和设置表单元素值的方法。它可以用于输入框、下拉列表、多选框等表单元素。

获取元素的值

使用 val()方法获取表单元素的值非常简单。只需要选择对应的元素，并调用 val()方法即可。例如，下面的代码演示了如何获取一个输入框中的值：

var inputValue = $("#myInput").val();

上述代码中的 #myInput 是一个选择器，表示选中 HTML 中 id 为 myInput 的输入框。调用 val()方法，将返回输入框的值，并将其赋给变量 inputValue。

设置元素的值

除了获取元素的值，val()方法还可以用于设置元素的值。只需传入一个参数，参数的值将被赋给选中的元素。例如，下面的代码演示了如何修改一个下拉列表的值：

$("#mySelect").val("option2");

上述代码中的 #mySelect 是一个选择器，表示选中 HTML 中 id 为 mySelect 的下拉列表。调用 val()方法，将该下拉列表的值设置为 “option2″。

需要注意的是，当设置多选下拉列表的值时，传入的参数应为数组。例如：

$("#mySelect").val(["option1", "option3"]);

jQuery contains()方法

contains()方法是 jQuery 提供的用于检查选定元素是否包含指定文本的方法。它返回一个布尔值，如果选定元素包含指定的文本，则返回 true；否则返回 false。

检查元素是否包含文本

使用 contains()方法检查元素是否包含文本非常简单。只需要选择对应的元素，并调用 contains()方法，参数为要检查的文本即可。例如，下面的代码演示了如何检查一个段落是否包含指定的文本：

var isContaining = $("p").contains("some text");

上述代码中的 $("p") 是一个选择器，表示选中 HTML 中的所有段落。调用 contains()方法，将检查这些段落中是否包含 “some text”，并将结果赋给变量 isContaining。

调用 contains()方法的限制

需要注意的是，contains()方法只能被调用在一个 jQuery 对象上。它不能被调用在一个 DOM 元素上。因此，在使用 contains()方法时，要确保你拥有一个有效的 jQuery 对象。

另外，contains()方法只能用于文本的匹配，不能用于其他属性比如 class 或者 ID 的匹配。

$("#myElement:contains('some text')"); // 这样是错误的

对于其他的属性匹配，我们可以使用 filter() 方法或者其它的一些选择器。

总结

本文介绍了两个常用的 jQuery 方法：val()和contains()。

• val()方法用于获取和设置表单元素的值，可用于输入框、下拉列表等；
• contains()方法用于检查选定元素是否包含指定的文本；

通过本文的介绍和示例，希望你对这两个方法有了更深入的了解，能在你的 jQuery 开发中更加灵活地应用它们。