鼠标移动上去添加class

鼠标移动上去添加class,第1张

$(function(){

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

$(this).addClass("on")

})

})

需要准备的材料分别有:电脑、html编辑器浏览器

1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。

2、在index.html中的<script>标签,输入jquery代码:$('input').css('width', '250px')。

3、浏览器运行index.html页面,此时输入框的css样式的宽度被成功设置250px。

不可以。hover 并不是一个DOM 事件,而是一个CSS伪类。

JS可以触发 mouseover 但是不能触发 hover

document.getElementById( 'link' ).dispatchEvent( new Event( 'mouseover' ) )

但是可以通过class的方式,比如CSS里面这样写:

a:hover, a.hover {

    color : red

}

这样在JS里面可以通过添加class .hover 来实现你说的功能。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/bake/7896138.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-11
下一篇2023-04-11

发表评论

登录后才能评论

评论列表(0条)

    保存