网络技术问题 | jQuery 测验 | 第一组 | 问题 15

简介

本篇文章介绍了 jQuery 中的一个常见问题。考察了解 jQuery 的选择器以及 DOM 操作的程序员们应该都能轻松解决。

问题描述

以下代码在 jQuery 中的执行结果是什么？

var inputList = $("input[type='text']");
inputList.val("Hello World");

解析

该代码实现了一种选择所有类型为 text 的输入框元素并将它们的 value 属性设置为 Hello World 的方法。

首先，$ 是 jQuery 的别名，可以认为是 jQuery 对象的引用。在代码中，$("input[type='text']") 选择了所有类型为 text 的输入框元素，返回的是一个包含这些元素的 jQuery 对象。

接着，val 是 jQuery 中一个用来获取或设置 value 属性值的方法。通过 val，我们将所有选择到的输入框元素的 value 属性都设置成了 Hello World。

结论

以上代码的执行结果是将所有类型为 text 的输入框的 value 属性都设置为 Hello World。

参考资料

• jQuery API Documentation
• Understanding jQuery Selectors