Javascript 如何使用jQuery获取页面加载中元素的id

我只知道如何获取单击元素的id，如下所示：

$("button").click(function(){
console.log($(this).attr("id"));
}

但是我能做些什么来获取网页加载上的id呢？看看这个

$("button").ready(function(){
console.log($(this).attr("id"));
}

它返回整个文档对象和此对象

$("button").load(function(){
console.log($(this).attr("id"));
}

什么都不做

我想动态更改加载时所有按钮的样式

主项目更复杂，我不想使用js核心来完成它，我想要jQuery选择器的简单性，但我们赞赏等效的js方法

我想动态更改加载时所有按钮的样式

如果是这种情况，您只需在加载时将css应用于按钮选择器，而无需获取每个按钮的id

$(function() {
    $("button").css("background-color", "#C00");
});

或者更好的方法是，将css样式放入一个类中，然后将一个类应用于所有按钮：

$(function() {
    $("button").addClass("red-bg");
});

如果您确实想获取加载的每个按钮的id，则需要使用数组来满足可能有多个按钮的事实：

var buttonIds = $("button").map(function() {
    return this.id;
}).get();

---

但是，这是一种毫无意义的方法，因为您可以使用每个按钮来迭代按钮选择器，以访问每个单独的按钮元素。

您可以在jquery中获取所有按钮元素，然后在每个按钮元素上循环以更改其样式-：

$(function()
{
    var allButtons = $('button');
    $.each(allButtons,function(index,element)
    {
        $(element).css('width','100px');
    });
});

---

我想你在找这个：

        $(document).ready(function () {
            $(":button").each(function () {
                console.log($(this).attr("id"));
            })
        });

---

试想每个元素都有不同的风格。它们的样式与它们的id相关。它的背景位置fyi要获取id属性，您应该只使用this.id，因为这样可以避免创建$jQuery对象。