Javascript 手动调用jquery mouseover函数

jquery有一组函数，我想在其中手动调用onmouseover函数

my index.php由一个div组成，在该div中，mouseover事件上有一个ease-in-out转换。我想通过单击按钮来控制“轻松进出”转换

当我搜索这个主题时，我发现它可以通过

if（$（“#my#btn_id”）.trigger（'mouseover'））

完成。但我试过了，却找不到解决办法

演示-

修改

上的css:hover

将其更改为class

。hover

并使用

jQuery

$（'.ch item'）。在（'click'，function（）上{
$（this.toggleClass（'hover'）；
});
.ch项目{
光标：指针；
宽度：100%；
身高：100%；
边界半径：50%；
位置：相对位置；
框阴影：插入0 0 0 rgba（200,95,66,0.4），插入0 0 0 16px rgba（255,255,255,0.6），0 1px 2px rgba（0,0,0,0.1）；
-webkit过渡：所有0.4s易入易出；
-moz转换：所有0.4易入易出；
-o型过渡：所有0.4s易于输入输出；
-ms转换：所有0.4s易进易出；
过渡：所有0.4缓进缓出；
}
.ch-img-3{
背景图片：url(http://tympanus.net/Tutorials/CircleHoverEffects/images/5.jpg);
}
.ch信息{
位置：绝对位置；
宽度：100%；
身高：100%；
边界半径：50%；
不透明度：0；
-webkit过渡：所有0.4s易入易出；
-moz转换：所有0.4易入易出；
-o型过渡：所有0.4s易于输入输出；
-ms转换：所有0.4s易进易出；
过渡：所有0.4缓进缓出；
-webkit变换：缩放（0）；
-moz变换：比例（0）；
-o变换：标度（0）；
-ms变换：尺度（0）；
变换：比例（0）；
-webkit背面可见性：隐藏；
/*字体流畅*/
}
.ch信息h3{
颜色：#fff；
文本转换：大写；
位置：相对位置；
字母间距：2px；
字体大小：22px；
利润率：0.30px；
填充：65px0；
高度：110px；
字体系列：“开放式Sans”、Arial、Sans serif；
文本阴影：0 1px#fff，0 1px 2px rgba（0,0,0,0.3）；
}
.ch info p{
颜色：#fff；
填充：10px 5px；
字体：斜体；
利润率：0.30px；
字体大小：12px；
边框顶部：1px实心rgba（255、255、255、0.5）；
}
.ch信息p a{
显示：块；
颜色：#fff；
颜色：rgba（255，255，255，0.7）；
字体风格：普通；
字号：700；
文本转换：大写；
字体大小：9px；
字母间距：1px；
垫面：4px；
字体系列：“开放式Sans”、Arial、Sans serif；
}
.ch信息p a:悬停{
颜色：#fff222；
颜色：rgba（255,242,34,0.8）；
}
.ch-item.hover{
方框阴影：插入0 0 110px rgba（200,95,66,0.4），插入0 0 16px rgba（255,255,255,0.8），0 1px 2px rgba（0,0,0,0.1）；
}
.ch-item.hover.ch-info{
不透明度：1；
-webkit转换：规模（1）；
-moz变换：比例（1）；
-o变换：标度（1）；
-ms变换：尺度（1）；
变换：比例（1）；
}
身体{
字体系列：佐治亚州坎布里亚，衬线；
背景：#f9f9url（../images/bg.jpg）；
字体大小：300；
字体大小：15px；
颜色：#333；
-webkit字体平滑：抗锯齿；
溢出y：滚动；
溢出x：隐藏；
}
a{
颜色：#555；
文字装饰：无；
}
.集装箱{
宽度：100%；
位置：相对位置；
}
.clr{
明确：两者皆有；
填充：0；
身高：0；
保证金：0；
}
梅因先生{
宽度：90%；
保证金：0自动；
位置：相对位置；
}
.容器>标题{
利润率：10px；
填充：20px 10px 10px 10px；
位置：相对位置；
显示：块；
文本阴影：1px1px1pRGBA（0,0,0,0.2）；
文本对齐：居中；
}
.容器>标题h1{
字体大小：32px；
线高：32px；
保证金：0；
位置：相对位置；
字体大小：300；
颜色：#777；
文本阴影：1px1px1pRGBA（255,255,255,0.7）；
}
.容器>标题h2{
字体大小：14px；
字体大小：300；
字体：斜体；
保证金：0；
填充：15px0 5px0；
颜色：#888；
文本阴影：1px1px1pRGBA（255,255,255,0.9）；
}
/*标题样式*/
.codrops上衣{
线高：24px；
字体大小：11px；
背景：#fff；
背景：rgba（255，255，255，0.6）；
文本转换：大写；
z指数：9999；
位置：相对位置；
盒影：1px 0px 2px rgba（0,0,0,0.1）；
}
.codrops top a{
填充：0px 10px；
字母间距：1px；
颜色：#333；
显示：内联块；
}
.codrops top a:悬停{
背景：rgba（255，255，255，0.3）；
}
.codrops上跨右{
浮动：对；
}
.codrops上跨右a{
浮动：左；
显示：块；
}
/*演示按钮样式*/
.codrops演示{
文本对齐：居中；
显示：块；
线高：30px；
填充：5px0px；
}
.codrops演示a{
显示：内联块；
字体：斜体；
利润率：0px 4px；
填充：0px 6px；
颜色：#aaa；
线高：20px；
字体大小：13px；
文本阴影：1px 1px 1px#fff；
边框：1px实心#fff；
背景：#ffffff；
/*旧浏览器*/
背景：-莫兹线性梯度（顶部，#ffffff 0%，#f6f6f6 47%，#ededed 100%）；
/*FF3.6+*/
背景：-webkit渐变（线性、左上、左下、颜色停止（0%，#ffffff）、颜色停止（47%，#f6f6f6）、颜色停止（100%，#ededed））；
/*铬，Safari4+*/
背景：-webkit线性梯度（顶部，#ffffff 0%，#f6f6f6 47%，#ededed 100%）；
/*铬10+，Safari5.1+*/
背景：-o-线性梯度（顶部，#ffffff 0%，#f6f6f6 47%，#ededed 100%）；
/*歌剧院11.10+*/
背景：-ms线性梯度（顶部，#ffffff 0%，#f6f6f6 47%，#ededed 100%）；
/*IE10+*/
背景：线性梯度（顶部，#ffffff 0%，#f6f6f6 47%，#ededed 100%）；
/*W3C*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#ffffff'，endColorstr='#ededed'，GradientType=0）；
/*IE6-9*/
长方体阴影：0 1px 1px rgba（0,0,0,0.1）；
}
.codrops演示a：悬停{
颜色：#333；
背景：#fff；
}
.codrops演示a：活动{
背景：#fff；
}
.codrops演示a.current-demo，
.codrops演示a.current-demo:悬停{
背景：#f0；
边框颜色：#d9d9d9；
颜色：#aaa；
长方体阴影：0 1px 1px rgba（255,255,255,0.7）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#f6f