Javascript 已经存在的.js文件中的jQuery代码_Javascript_Jquery_Html_Css

Javascript 已经存在的.js文件中的jQuery代码

javascript jquery html css

Javascript 已经存在的.js文件中的jQuery代码,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想知道如何将HTML文件中脚本中的jQuery放入已经存在的.js文件中。我已经在HTML中链接到了“WebSocket.js”，我想把jQuery代码放在该文件中 “WebSocket.js”文件已经是现有的javascript代码这是我的html： <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

我想知道如何将HTML文件中脚本中的jQuery放入已经存在的

.js

文件中。我已经在HTML中链接到了

“WebSocket.js”

，我想把jQuery代码放在该文件中

“WebSocket.js”

文件已经是现有的javascript代码

这是我的html：

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">  
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
  <link type="text/css" rel="stylesheet" href="main.css">
  <script src="WebSocket.js" ></script>
</head>
  <script>
        $(document).ready(function(){
            $('.lightbox').click(function(){
                $('.backdrop, .box').animate({'opacity':'.50'}, 300, 'linear');
                $('.box').animate({'opacity':'1.00'}, 300, 'linear');
                $('.backdrop, .box').css('display', 'block');
            });

            $('.lightbox2').click(function(){
                $('.backdrop, .box2').animate({'opacity':'.50'}, 300, 'linear');
                $('.box2').animate({'opacity':'1.00'}, 300, 'linear');
                $('.backdrop, .box2').css('display', 'block');
            });


            $('.close').click(function(){
                close_box();
            });
        });

        function close_box()
        {
            $('.backdrop, .box').animate({'opacity':'0'}, 300, 'linear', function(){
                $('.backdrop, .box').css('display', 'none');
            });

            $('.backdrop, .box2').animate({'opacity':'0'}, 300, 'linear', function(){
                $('.backdrop, .box2').css('display', 'none');
            });
        }
    </script>


$（文档）.ready（函数（）{
$（'.lightbox'）。单击（函数（）{
$（'.background，.box'）。动画（{'opacity'：'.50'}，300，'linear'）；
$（'.box'）.animate（{'opacity'：'1.00'}，300，'linear'）；
$（'.background，.box'）.css（'display'，'block'）；
});
$（'.lightbox2'）。单击（函数（）{
$（'.background，.box2'）。动画（{'opacity'：'.50'}，300，'linear'）；
$（'.box2'）。动画（{'opacity'：'1.00'}，300，'linear'）；
$（'.background，.box2'）.css（'display'，'block'）；
});
$（'.close'）。单击（函数（）{
关闭_框（）；
});
});
函数关闭_框（）
{
$（'.background，.box'）。动画（{'opacity'：'0'}，300，'linear'，function（）{
$（'.background，.box'）.css（'display'，'none'）；
});
$（'.background，.box2'）。动画（{'opacity'：'0'}，300，'linear'，function（）{
$（'.background，.box2'）.css（'display'，'none'）；
});
}

只需删除现有的jquery代码并将其放入Websocket.js文件。

最好创建一个新的

.js

文件，将脚本代码复制粘贴到其中，并使用有意义的名称保存。最后，像使用

WebSocket.js

文件一样引用新文件。

通过编辑文件jQuery是一个JavaScript库-因此没有什么可以阻止您将jQuery放入.js文件，或者您可以将jQuery内容保存在不同的文件中并链接它，我不明白您遇到了什么困难