[jquery学习]jquery使用、简介（以django+pycharm为例）

最新推荐文章于 2023-10-15 21:44:14 发布
最新推荐文章于 2023-10-15 21:44:14 发布
阅读量753 收藏
点赞数
分类专栏： 前端 python 文章标签： jquery django
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fronde2233/article/details/119170305
版权

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了。

 

兔子爱吃关东煮
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery写登录页面
caohongxia666的博客
10-24 2128
//密码可见切换 $("i.pwd-icon").on("click", function() { if($(this).hasClass("icon-eye_protection")) { // 令其可见 $("#txtPwd").attr("type", "text"); $(this).removeClass("icon-eye_protection") .addCl...
pycharm利用html写登录页面,pycharm中使用pyqt实现UI界面设计
weixin_35215045的博客
06-03 5005
主要涉及到pycharm、Qt Designer、PyUIC一、pycharm二、Qt DesignerQt Designer是用来设计界面的，可让用户在极短的时间里建立一个图形化用户界面的图形设计器。利用 Qt Designer，咱们能够经过拖拉或点击的方式，在窗口的适当位置上添加一些输入框和按钮等窗口组件构造图形用户界面，并可预览效果。其界面以下：web 2.1 如何配置Qt Designer...
Python学习第二十三天——jQuery
m0_43424160的博客
05-13 268
针对导入问题 # 1 文件下载到了本地 如何解决多个文件反复书写引入语句的代码 可以借助于pycharm自动初始化代码功能完成自动添加 配置 编辑 file and code template """我不想下载jQuery文件 能不能使用呢？""" # 2 直接引入jQuery提供的CDN服务(基于网络直接请求加载) CDN:内容分发网络 CDN有免费的也有收费的 前端免费的cdn网站: bootcdn <script src="htt
JQuery入门基础
m0_74934282的博客
03-30 8662
jQuery 是一个快速、简洁的 **`JavaScript 库`**，其设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。JavaScript库**`仓库`**： 可以把很多东西放到这个仓库里面。找东西只需要到仓库里面查找到就可以了。**`JavaScript库`**：即 library，是一个封装好的特定的集合（方法和函数）。
在pycharm中运行js文件，附加node.js下载步骤
qq_54388490的博客
10-15 6104
当我在运行pycharm中运行js文件时突然发现我还没有安装node.js所以需要进行两步操作安装本地node.js在pycharm安装node.js插件这次的总结如下：啊啊啊！！！写笔记真的好累啊😱😱😱。
jQuery2
weixin_44247157的博客
03-25 655
1.设置元素内容 （1）获取设置元素内容 html() $("div").html("123"); （2） 获取设置元素文本内容 text() $("div").text("123"); （3）获取设置表单值 val() $("input").val("123"); 2.遍历元素 jQuery隐式迭代是对同一类元素做了同样的操作。如果想要给同一类元素做不同操作，就需要用到遍历。 语法1： $("div").each(function ...
电影推荐系统python3.6+django+mysql+jquery+css.rar
04-11
电影推荐系统 系统实现工具 1.pycharm 2.python3.6+django1.11 3.mysql 4.jquery+css+html5 </br> 如何使用 首先将项目克隆到本地，用pycharm打开，将用到的csv文件导入mysql数据表中，配置好数据库； 注意数据库...
python+django+mysql实现的在线音乐推荐系统，基于协同过滤算法
05-18
Python3.8，pycharm2020professional，django3.1.1，mysql8，bootstrap、jquery、layer、webuploader 2、功能 前台用户注册、登录、注销、个人信息修改、密码修改、收藏音乐、评分音乐、评论音乐、播放音乐、下载...
通过 Django+MVT+Mysql 框架实现药材数据可视化系统
最新发布
05-21
【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【项目介绍】： 本系统基于 Django+MVT+Mysql 编辑器 PyCharm 2023.1 (旗舰版) ...
毕业设计-基于python+mysql+django+vue前端的贫困生资助管理系统
12-26
2.IDE环境：pycharm+mysql5.7; 3.数据库工具：Navicat11 4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS； 5.数据库：MySql 5.7版本； 技术栈 后端：python+django 前端：vue+CSS+JavaScript+jQuery+...
毕业设计，基于Python+Django+Vue+MySql开发的前后端分离的贫困生资助管理系统，内含完整源代码，数据库脚本
01-31
2.IDE环境：pycharm+mysql5.7; 3.数据库工具：Navicat11 4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS； 5.数据库：MySql 5.7版本； 技术栈 后端：python+django 前端：vue+CSS+JavaScript+jQuery+...
在Django下使用Jquery ajax实现select表单的二级联动
svgbdbdbd的专栏
01-12 7064
在Django下使用Jquery ajax实现select表单的二级联动 采用Django+Jquery实现： 网上也看到很多例子，综合很多例子，经过尝试，实现一个简单的省市二级联动，记下来，以免忘记，有考虑不严谨的地方还请大家指正：首先是模型设计（数据库设计）：# coding:utf-8 from django.db import models# Create your models her
Pycharm 中如何导入jQuery库
rbborb的博客
09-14 4072
Pycharm 中如何导入jQuery库 按如下步骤，在pycharm中进行操作： 【Settings】-【Language & Frameworks】-【JavaScript】-【Libraries】 之后点击下载，选中jquery包进行安装 如果在下载时报了如下错误： Cannot download https://github.com/DefinitelyTyped/DefinitelyTyped/raw/master/types/jquery/JQuery.d.ts. Cannot d
pycharm 运行输入参数设置（argparse）
Atlantis_me的博客
01-17 2602
pycharm 运行输入参数设置（argparse）
◢Django-下载bootstrap3，jquery插件，并使用其写html
m0_62836433的博客
08-02 160
在建立好的django项目下建立static，templates文件夹，将jQuery与bootstrap复制如下路径【static和templates名称不可变】【方面查找与管理】将btn-primary添加至需要颜色的按钮即可【不确定，可在页面上使用开发者工具细看】可对其进行更改，将按钮改为蓝色，自己添加css或者添加它自己的css样式。解压后【min是压缩后的，内容不变，体积小，常使用这两个】3. 建立path，建立view，建立html。文字图标的大小与颜色也是可以进行更改的。
django使用本地jquery
weixin_43992799的博客
04-05 1965
下载query 网页输入: https://www.bootcdn.cn/jquery/ 然后复制链接，如图一。 打开新的网页，将链接粘贴，如图二。 右击另存在。如图三。 放到django项目中。在创建的sign应用下面新建static文件夹，将上面的js文件放进去。如图4.对项目的setting.py进行修改。如图5。在自己写的html文件加上文件位置。如图6。这样就做好啦。 STATIC_URL = '/static/' HERE = os.path.dirname(os.path.ab.
JQuery的基本介绍
qq_44193064的博客
05-17 249
一.什么是 jQuery? jQuery 是 js 的一个库，封装了我们开发过程中常用的一些功能，方便我们调用，提高开发效率。 js库是把我们常用的功能放到一个单独的文件中，我们用的时候，直接引用到页面里即可。 二.jQuery 的使用 使用 jQuery 的步骤: （1）引包 <script type="text/javascript" src="jquery-3.3.1.js"></script> （2）入口函数 $(document).ready(function(){}
【四十五】Python全栈之路--JQuery
董坤的博客
01-22 1296
文章目录1. lable标签补充2. jquery引入和简单使用3. 选择器3.1 基础选择器3.2 组合选择器和层级选择器3.3 属性选择器3.4 表单对象属性选择器和表单选择器3.5 筛选器方法3.6 选择器优先级和类值操作4. 文本操作5. 样式操作 1. lable标签补充 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title
Django （二）使用 JQuery、Ajax
程序员战胜
07-21 1368
一、作业内容 1、班级表的操作，包括增加、编辑、删除。要求（1）增加、编辑，弹出对话框；（2）这些操作用JQuery、Ajax实现。 2、学生表的操作，包括增加、编辑、删除。要求（1）增加、编辑，弹出对话框；（2）这些操作用Jquery、Ajax实现。 3、教师表的操作，包括增加、编辑、删除。要求（1）增加、编辑，弹出对话框；（2）这些操作用Jquery、Ajax实现。 1、班级表的操作，包括增加、编辑、删除。要求（1）增加、编辑，弹出对话框；（2）这些操作用JQuery、Ajax实现。 <!
python+django+pycharm+mysql
07-09
### 回答1： Python是一种高级编程语言，它具有简单易学、功能强大和可扩展性等特点。Django是一个Python的Web框架，它提供了许多工具和库，帮助我们更快速地开发Web应用程序。PyCharm是一种Python开发环境，它提供了丰富的功能，帮助我们更有效地编写、调试和管理Python代码。MySQL是一种流行的关系型数据库管理系统，它可以与Python和Django结合使用，用于存储和管理数据。 Python和Django的结合可以帮助我们快速、高效地开发Web应用程序。Django提供了许多功能强大且易于使用的模块和工具，包括URL路由、模板引擎、表单处理、用户认证等。使用Django，我们可以快速地建立数据库模型、处理用户请求和生成网页模板等。 PyCharm作为一个Python开发环境，提供了很多方便的功能。例如，它可以自动补全代码、提供调试器和错误检查工具，还可以集成版本控制系统等。使用PyCharm，我们可以更高效地编写、调试和管理Python代码。 MySQL是一个功能强大的关系型数据库系统。它可以与Python和Django结合使用，用于存储和管理数据。我们可以使用Python的MySQL驱动程序连接到MySQL数据库，并执行诸如插入、更新和查询等操作。在Django中，我们可以使用它的ORM（对象关系映射）功能，通过类和对象的方式来操作数据库，这样可以更方便地进行数据库操作。 总的来说，Python、Django、PyCharm和MySQL是一组强大的工具，它们的结合可以极大地提高我们开发Web应用程序的效率和质量。无论是初学者还是有经验的开发者，都可以借助这些工具来快速构建功能完善、易于维护的Web应用程序。 ### 回答2： Python是一种高级编程语言，广泛用于Web开发、数据处理、人工智能等领域。它的语法简洁、易于学习，因此备受开发者的喜爱。 Django是一个基于Python的Web框架，它提供了许多开发Web应用所需的功能和工具，如URL路由、模板引擎、表单处理等。使用Django可以快速搭建稳定、安全且易于维护的Web应用。 PyCharm是一款强大的Python集成开发环境（IDE），它提供了许多便捷的功能，如代码自动补全、调试器、版本控制工具等。使用PyCharm可以提高开发效率，减少错误。 MySQL是一种流行的关系型数据库管理系统。它使用结构化查询语言（SQL）作为操作语言，可以存储和管理大量结构化数据。Python通过各种数据库接口可以与MySQL进行连接，方便地进行数据读写操作。 结合Python、Django、PyCharm和MySQL，我们可以快速开发高效的Web应用。首先，使用PyCharm创建Django项目，然后在项目中编写Python代码和Django的相关配置，实现业务逻辑、URL路由等功能。通过Django的模板引擎，我们可以方便地渲染动态页面。同时，通过MySQL存储数据，我们可以使用Django提供的ORM工具进行数据库操作，使数据的读写更加简洁和安全。 总的来说，Python、Django、PyCharm和MySQL是一组强大的工具和技术，它们的结合可以帮助开发者快速构建高效、安全的Web应用，并进行灵活的数据操作。 ### 回答3： Python是一种高级编程语言，它具有简单易学、功能强大和灵活的特点。它被广泛应用于Web开发、数据分析、人工智能等领域。而Django是一个基于Python的开源Web框架，它提供了一套完整的开发工具和规范，可以帮助开发者快速搭建高效、稳定的Web应用。 PyCharm是一种Python开发环境，它提供了丰富的代码编辑、调试和自动完成等功能，使开发过程更加便捷和高效。它可以与Django框架完美集成，提供强大的开发支持。 MySQL是一种流行的关系型数据库管理系统，它可以存储和管理大量的结构化数据，如用户信息、商品数据等。Python可以通过MySQL的数据库驱动程序进行与数据库的交互操作。使用Python和MySQL可以实现数据的读取、插入、更新和删除等操作，为Web应用提供持久化的数据存储。 在使用Python开发Django应用时，可以借助PyCharm进行代码编辑和调试，并利用MySQL作为后台数据库进行数据存储和管理。PyCharm提供了强大的代码自动完成、语法检查和调试功能，可以大大提升开发效率和代码质量。同时，使用MySQL作为数据库可以保证数据的稳定性和安全性，满足对数据管理的需求。 总之，Python、Django、PyCharm和MySQL是一套非常强大的开发工具组合，可以帮助开发者高效、稳定地实现Web应用的开发和数据管理。通过它们的结合使用，可以快速搭建出高质量的Web应用，并实现与数据库的数据交互操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值