jQuery在js里动态修改样式和hover()方法 (入门)




$(document).ready(function() {
    // 动态修改样式
    $('p').css('color', 'blue');
 
    // hover事件绑定
    $('div').hover(
        function() {
            // 鼠标悬停时的样式
            $(this).css('background-color', 'yellow');
        },
        function() {
            // 鼠标离开时的样式
            $(this).css('background-color', 'green');
        }
    );
});

这段代码首先等待DOM完全加载（使用$(document).ready()），然后选中所有的p元素，将它们的文字颜色设置为蓝色。接着选中所有的div元素，并使用hover方法来绑定鼠标的悬停（mouseenter）和离开（mouseleave）事件。悬停时背景色变为黄色，离开时背景色变为绿色。这是jQuery的基础用法，适合初学者学习。

jQuery在js里动态修改样式和hover()方法 (入门)

评论已关闭

推荐阅读