[jquery学习]jquery使用、简介（以django+pycharm为例）
jquery是js的一个 库，能够支持对页面（html）元素的获取、修改、前后端异步传输数据。在html文件中使用jquery时，应当导入所需jquery的脚本，导入示例：<script type="text/javascript" src="jquery.js"></script><script type="text/javascript"><scrip
jquery是js的一个 库，能够支持对页面（html）元素的获取、修改、前后端异步传输数据。
在html文件中使用jquery时，应当导入所需jquery的脚本，导入示例：
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript">
<script></script>可以写在<head></head>之间，也可以写在<body></body>之间，示例如下：
1.
<html> <head><script type="text/javascript" src="jquery.js"></script><script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){$("id").hide();}); }); </script> </head> <body> </body> </html>
2.<html>
<head>
</head>
<body>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){ $("button").click(function(){ $("id").hide(); }); });
</script>
</body>
通常，我是写在body里面。如果想使用外部前端框架中的jquery,可以在项目文件中导入该框架，并按照路径依次引用即可。
以django搭建的一个项目为例，编译器为社区版pycharm。
首先，使用django搭建一个整体的项目文件，建议在该项目文件中搭建一个子项目文件用于功能的实现。
如：-demo
--demo
--web
web即为上级demo文件的子文件，在web中添加文件夹存放静态文件，用来导入外部前端框架。
示例：
web
--static
前端框架可以选用vue(这是主流的框架，其中的jquery库也非常强大，很好用)，这里使用的是最简版的框架bootstrap，使用感不太好，建议选择vue。
其次，下载所需的框架，并将使用的前端框架文件放入到static文件中。（通常。使用XXX-min.css/xxx.css,xxx-min.js/xxx.js,jquery.js三类文件。css文件主要用于界面样式，js文件用于对元素的操作、使用。）
示例：
可以之间将整个前端框架导入，也可以只导入需要的。
我这里是全部导入的。
最后，在html文件依次引用所需的文件。引用时地址一定要写对
示例如下：（
<script type="text/javascript" src="static/bootstrap/js/jquery.min.js"></script> <script type="text/javascript" src="static/bootstrap/dist/js/bootstrap.js"></script>
而对应的css文件需要在标签head内导入
<link rel="stylesheet" href="static/bootstrap/dist/css/bootstrap.min.css"> <link href="static/bootstrap/bootstrap-table-master/dist/bootstrap-table.css" rel="stylesheet" />
这样就可以使用该框架的jquery了。
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)