📜  如何在 jQuery 中查找作为表单后代的所有输入并用红色虚线边框标记它们?(1)

📅  最后修改于: 2023-12-03 14:52:21.957000             🧑  作者: Mango

如何在 jQuery 中查找作为表单后代的所有输入并用红色虚线边框标记它们?

在 jQuery 中,我们可以使用选择器来查找特定类型或具有特定属性的元素。当需要查找表单中的所有输入元素时,可以使用以下代码:

var inputElements = $("form :input");

这行代码将在整个表单内查找所有的输入元素,包括 input、textarea、select 等。在此基础上,我们可以使用 jQuery 的 css 方法来标记这些元素:

inputElements.css({
    "border": "2px dashed red"
});

这段代码会将所有查找到的输入元素的边框大小变为 2px,样式为虚线边框,颜色为红色。如果只想给 input 元素添加红色虚线边框,可以使用以下代码:

var inputElements = $("form input");
inputElements.css({
    "border": "2px dashed red"
});

这行代码只会查找表单内的 input 元素,然后给它们添加红色虚线边框。

完整代码如下:

$(document).ready(function() {
    var inputElements = $("form input");
    inputElements.css({
        "border": "2px dashed red"
    });
});

这将在页面加载时执行,将表单内所有的 input 元素标记为红色虚线边框。