Heim > Artikel > Web-Frontend > 在img添加新属性_html/css_WEB-ITnose
HTML JavaScript
部分HTML:document.getElementById("main_img").src= $(this).attr('dataLarge');
$('.xiaotu_box img').mouseover(function(){
$('#main_img').attr('src' , $(this).attr('dataLarge'));
})
用了jQuery就尽量用jQuery写,不要一下jQuery,一下document.getXXXX
$('.xiaotu_box img').mouseover(function(){
$('#main_img').attr('src' , $(this).attr('dataLarge'));
})
用了jQuery就尽量用jQuery写,不要一下jQuery,一下document.getXXXX
因为我觉得现在刚开始从事前端开发,想多用些javascript,jQuery只是觉得它的选择器挺好用的采用的,不过你说的也很有道理,呵呵!
$('.xiaotu_box img').mouseover(function(){
$('#main_img').attr('src' , $(this).attr('dataLarge'));
})
用了jQuery就尽量用jQuery写,不要一下jQuery,一下document.getXXXX
呃 那假如不用jquery而是只用javascript的话,应该怎么才不出错呢?
$('.xiaotu_box img').mouseover(function(){
$('#main_img').attr('src' , $(this).attr('dataLarge'));
})
用了jQuery就尽量用jQuery写,不要一下jQuery,一下document.getXXXX
用这个也可以
document.getElementById("main_img").src=this.getAttribute('dataLarge');
谢谢你了!