用javascript实现脚本

我想在使用jquery点击按钮时添加一些效果

当我在signin.ejs中使用：（身份验证/视图）调用此脚本时

然后我添加了一个名为jquery的文件夹（authentication/views/jquery/jquery-ui-1.11.4） 在app.js（authentication/app.js（nodejs））上，我添加了以下几行：

app.use(express.static(__dirname +'/views/style'));
app.use(express.static(__dirname +'/views/javascript'));
app.use(express.static(__dirname +'/views/jquery/jquery-ui-1.11.4'));

它正在发挥作用：

如果是

按钮

标签

$（文档）.ready（函数（）{
$（“按钮”）.mouseenter（函数（）{
$（此）.addClass（“活动”）；
})
$（“按钮”）.mouseleave（函数（）{
$（此）.removeClass（“活动”）；
})
});
.active{
背景色：#556677；
}
钮扣{
背景色：#8CC6D7；
边框：1px实心#5EB6DD；
边界半径：5px；
宽度：100px；
高度：40px；
左边距：自动；
右边距：自动；
字体系列：Arial；
字体大小：15px；
}

单击我
您的
按钮
是
还是
按钮
？在css中定义
.button
，它是一个类，但在js中使用
$（“button”）
，它是
的选择器。在css中设置
button
样式后，需要设置
活动的
。这是级联规则。在类的情况下，应用后面的类。首先，js文件加载了吗？你在运行程序时可以访问它吗？@CodeFighter:这是我的问题，文件js没有加载。你检查了应用程序中文件的路径了吗？运行应用程序时可能是浏览器？这条路对吗？
<script src="jquery/jquery-ui-1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="javascript/script1.js"></script>

.active {
    background-color:#556677;
}

.button {
    background-color:#8CC6D7;
    border:1px solid #5EB6DD;
    border-radius: 5px;
    width:100px;
    height:40px;
    margin-left:auto;
    margin-right:auto;
    font-family:Arial;
    font-size:15px;
}

app.use(express.static(__dirname +'/views/style'));
app.use(express.static(__dirname +'/views/javascript'));
app.use(express.static(__dirname +'/views/jquery/jquery-ui-1.11.4'));