我正在使用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
});
});