JS基础-hover在jquery中的使用方法

JS基础-hover在jquery中的使用方法

JS基础-hover在jquery中的使用方法

打开Dreamweaver软件新建HTML文件，然后在body建立标签h4和p标签

对h4和p标签添加修饰，并将jquery文件导入文件中

对其添加修饰后，效果如图，现在默认情况下，p标签颜色为红色

然后在下面添加hover编写，当鼠标经过h4时，p发生变化，所以是对h4发生的变化

当鼠标经过h4时，p标签颜色为红色，当鼠标移开时，背景变为蓝色，这是一系列动作，hover代表了经过和离开的过程，所以中间以逗号隔开

$("h4").hover(function(){

$("p").css("background-color","yellow")

},function(){

$("p").css("background-color","blue")

})

最后在浏览器中观看效果，一开始默认为设置的红色，当鼠标移动到文字中时，下面的p标签颜色变为黄色，当鼠标移开时，背景变为蓝色。