如何在Jquery中实现这一点?(JS到Jquery）

How to achieve this in Jquery? (JS to Jquery)

本文关键字：Jquery JS 实现 这一点      更新时间：2023-09-26

我正在使用Javascript来设计我的网站，但是，有人告诉我Jquery要好得多，可以帮助缩短我的代码。我已将大部分代码转换为Jquery，但是，对于如何在Jquery中实现这一点，我有点困惑：

var Buttons = getElementsByTagName("Button");
for (var i = 0; i < Buttons.length; i++) {
    Buttons[i].style.background = "#000;
    Buttons[i].style.color = '#fff';
    Buttons[i].style.fontWeight = 'bold';
    Buttons[i].addEventListener("click", function(evt) {
        // Do something
    }
}

我知道这些：

Buttons[i].style.background = "#000;
Buttons[i].style.color = '#fff';
Buttons[i].style.fontWeight = 'bold';

我可以做这样的事情，但不确定这是否正确：

 Buttons[i].css("background", "#000");
 Buttons[i].css("color", "#fff");
 Buttons[i].css("font-weight","Bold");

欢迎任何帮助。

编辑：

如果您对我有任何其他提示，请告诉我，因为我是初学者，可以尽我所能获得:)

你的意思是？例： 

jQuery('Button').each(function(){
    jQuery(this).css({'background':'#000','color':'#FFF','font-weight':'bold'})
        .on('click', function(evt){
        // do something
        }
    )
})

使用document.ready事件。

$(document).ready(function() {
    $('button').css({
        'background' : '#000',
        'color' : '#fff',
        'font-weight' : 'bold'
    }).on('click', function() {
        //write your click handler here
    });
});

这将起作用

我如何在 Jquery 中实现这一点：

只是

$("Button").each(function(){
  var button = $(this);
  button.css("background","#000");
  button.css("color ","#fff");
  button.css("font-weight","bold");
  button.click( function(){
    //your method operation   
  });
});
相关文章：