#解决引用jquery文件始终不起作用的相关原因

能力有限,欢迎补充、修正。
这几天想入手jquery,就自己弄了个入门级的demo,但从官网下载jquery-3.3.1.min.js,并使用<script type="text/javascript" src="../lib/jquery-3.3.1.min.js"></script>后。死活效果出现不了。工程目录结构如下:

使用jquery没有触发change事件 jquery不生效的原因_jquery


(jquery.js和jquery*.min.js文件作用上没有什么区别。只是jquery*.min.js是编译后的js文件体积更小,建议使用jquery*.min.js)

1.网上看了许多文章,说引用的jquery*.min.js文件不能够放在WEB-INF目录下。因为放在WEB-INF下,会导致访问不到文件。一般都是放在WebContent文件下。

2.关于路径,是根据所使用的jsp,html文件等的位置所确定的,应根据自己工程的实际位置来确定引用的位置。

由于我的demo,是通过index.jsp中跳转到应用界面的,所以应该以index.jsp的位置来确定,jquery*.js的引用位置。index.jsp的路径为WebContent/index.jsp,所以引用jquery应为:<script src="lib/jquery-3.3.1.min.js"></script>

使用jquery没有触发change事件 jquery不生效的原因_eclipse中jquery的引用_02


(*该种长片区报错,不影响使用,未做修改)

使用jquery没有触发change事件 jquery不生效的原因_jquery的引用_03


要保证在引用语句没有黄色下划波浪线,并在左侧有黄色三角感叹号的情况下执行代码(eclipse中);我起先在;但不知道什么原因,提示找不到引用的jquery.js文件;后来去掉type="java/javascript"后,竟然没有了黄色下划波浪线;

建议使用<script src="lib/jquery-3.3.1.min.js"></script>即可,避免不必要的错误,反正html和html5,默认的脚本语言都是javascript。

但是,后来我又加上了type=“java/javascript”,仍然可以执行动作,非常奇怪(可能是1.我引用的语法出现了问题,2:eclipse运行环境没有刷新)。总之,提醒大家,注意引用的时候,在eclipse中,一定要保证不报黄色下划波浪线;在使用F12时能够找到相应的引用文件。

使用jquery没有触发change事件 jquery不生效的原因_jquery的引用相关bug_04


使用jquery没有触发change事件 jquery不生效的原因_eclipse中jquery的引用_05