php如何把代码封装成一个类,javascript,_新手请教，如何将一段JS代码封装成一个方法？，javascript - phpStudy...

新手请教，如何将一段JS代码封装成一个方法？

$("#plate-1").mouseenter(function() {

$("#plate-1hover").addClass("plate-1after")

}).mouseout(function(){

$("#plate-1hover").removeClass("plate-1after")

});

$("#plate-2").mouseenter(function() {

$("#plate-2hover").addClass("plate-2after")

}).mouseout(function(){

$("#plate-2hover").removeClass("plate-2after")

});

$("#plate-3").mouseenter(function() {

$("#plate-3hover").addClass("plate-3after")

}).mouseout(function(){

$("#plate-3hover").removeClass("plate-3after")

});

$("#plate-4").mouseenter(function() {

$("#plate-4hover").addClass("plate-4after")

}).mouseout(function(){

$("#plate-4hover").removeClass("plate-4after")

});

$("#plate-5").mouseenter(function() {

$("#plate-5hover").addClass("plate-5after")

}).mouseout(function(){

$("#plate-5hover").removeClass("plate-5after")

});

$("#plate-6").mouseenter(function() {

$("#plate-6hover").addClass("plate-6after")

}).mouseout(function(){

$("#plate-6hover").removeClass("plate-6after")

});

$("#plate-7").mouseenter(function() {

$("#plate-7hover").addClass("plate-7after")

}).mouseout(function(){

$("#plate-7hover").removeClass("plate-7after")

});

如上面所示，小弟想将上面的JS代码封装成一个JS方法。但是没有思路，不知道该怎么下手，请大神们指点一下。能有范例最好。

注：这段JS代码是一段特效代码，效果是鼠标移入移出的动画效果。原理是移除dom上的class样式

相关阅读:

Vue里v-for和router-link :to无法配合使用

网页刚加载好，就报cannot read property 'target' of underfined

webpack+react 打包图片后路径出现问题，求解决

前端开发H5小游戏思路

sublime 安装PackageControl 不成功

vue2.0 browserify模块化管理时组件找不到

v-for怎样强制重新渲染整个列表？

一个js的原理问题

vue列表如何同时带条件地绑定两个class属性？

fileinput插件上传，uploaded等事件不调用,如何解决？

debian下为何无法停止iptables服务？

CSS 使inline-block纵向排列

为何postman设置了content-type 为何无效？

使用vue2,跨域发送post请求报错

Ueditor提示后台配置项返回格式出错，上传功能将不能正常使用！

如何查看python脚本自动退出原因？

关于SUI Mobile框架的一个问题！

nodejs或者JS如何动态做股票行情信息

angularjs 使用鼠标悬停时，标签一直闪

我用js 触发click事件，发现在iphone上不起作用，这是什么原因？