了解node.js / express中的EJS

Question

我是node.js的新手，使用EJS让我很难过。 我已经习惯了HTML / jQuery。 但我无法让jquery与EJS合作。

当我尝试通过表单操作在EJS中使用http get / post时，它可以工作。 其他任何东西都行不通。

**HTML**
<head>
    <title><%= title %></title>
</head>
<body>
<h1><%= title %></h1>
<p>Welcome to <%= name %></p>
<div>
    <form action="/room1/getTemp" method="get">
        <input type="submit" id="getTempBtn" value="Get Temperature"/>
        <label>Temperature is: </label>
        <input type="text" id="tempID" value= <%= temperatureValue %>>
    </form>
    <div id="div1">
    <input type="button" id="getDistance" value="Get Distance">
    <input type="text" id="distTxt" value= <%= distanceValue %>>
    </div>
</div>
</body>
<- script written here ->

脚本1

<script type="text/javascript" src="../node_modules/ejs/ejs.min.js">    </script>
<script src="//cdnjs.cloudfare.com/ajax/libs/jquery/2.1.3/jquery.min.js">
<script>
    $('#distTxt').on('click',function(){ //some code which is not getting called});
</script>

问题：这不起作用，因为浏览器显示$未定义的错误。

脚本2

Even when i  bind onclick listener to the button:
<input type="button" id="getDistance" value="Get Distance" onclick="getDis();">
<script>
    function getDis(){
        //ajax send request
        console.log('not working');
    }
</script>

这个简单的onclick也不起作用。 我错过了一些非常基本的东西吗？

问题2。 是否有一种在ejs中使用ajax调用的优雅方式？

问题3。 为什么jQuery不能使用EJS？