jQuery怎么去掉标签的hover效果

html-css059

jQuery怎么去掉标签的hover效果,第1张

1、如果是js/jQuery绑定的事件，使用unbind()方法去掉事件绑定

2、如果hover效果是css控制，使用removeClass()去掉该标签的class

$("#id").removeClass("hover")

hover 是css 伪类JQ的hover是dom 事件 这俩互相不影响的关系 所以你要去除hover只能改css 或者纯用hover后addClass removeClass模拟效果

元素添加hover伪类选择器时候一定要 紧贴 这hover， 不能有空格 ，有空格的话表示给该元素的所有子元素设置里hover样式。

错误例子：

ul :hover{} //ul的所有子元素设置了hover样式

正确例子：

ul:hover{} //ul会显示出想要的效果

ul:hover .one{// 子元素写在hover后面空格隔开

              transform:rotateY(90deg)

          }

 ul:hover .two{

              transform:rotateY(0deg)

          }

ul:hover .thr{

              transform:rotateY(360deg)

          }

仅可以给自身的子元素设置样式 ，给其他元素子元素设置无效

接着上个例子举例子：

div:hover .one{}//不显示任何效果，hover失效

给兄弟元素设置：

ul:hover+.one