有没有办法使用以下代码:
$(document).ready(function () {
$('sd').hover(function() {
$(this).addClass('a');
}, function() {
$(this).removeClass('a');
});
});
在我的代码中不包含 jquery 文件?例如,有没有办法用纯 JavaScript 做完全相同的事情?
有没有办法使用以下代码:
$(document).ready(function () {
$('sd').hover(function() {
$(this).addClass('a');
}, function() {
$(this).removeClass('a');
});
});
在我的代码中不包含 jquery 文件?例如,有没有办法用纯 JavaScript 做完全相同的事情?
当然,从这个答案修改:Change an element's class with JavaScript
window.onload = function() {
var elements = document.getElementsByTagName('sd');
for (var i in elements) {
if (!elements.hasOwnProperty(i)) continue;
elements[i].addEventListener( 'mouseover', function() {
this.className += 'a';
}
elements[i].addEventListener( 'mouseout', function() {
this.className = this.className.replace( /(?:^|\s)a(?!\S)/g , '' );
}
}
}