python 学习 第八篇 jquery

简介:

简介:

jQuery是一个javascript库。极大滴简化了javascript编程。

包含内容:

HTML 元素选取

HTML 元素操作

CSS 操作

HTML 事件函数

JavaScript 特效和动画

HTML DOM 遍历和修改

AJAX


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
1:下载 jQuery
共有两个版本的 jQuery 可供下载:一份是生产版本jQuery.min.js(最小化和压缩过的),另一份是开发版jQuery.js(未压缩的供调试或阅读)。
这两个版本都可http: //jquery .com /download/  下载。
 
2:如何导入jQuery——直接在html中的< head >< /head >标签导入即可(生产环境下,为了提高页面加载速度,通常讲js文件放到页面最下面)
< head >
<script  type = "text/javascript"  src= "../jquery.min.js" >< /script #写上js所在的路径即可
< /head >
 
3:库的替代
Google 和 Microsoft 对 jQuery 的支持都很好。
如果您不愿意在自己的计算机上存放 jQuery 库,那么可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。
使用 Google 的 CDN
< head >
<script  type = "text/javascript"  src= "http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" >< /script >
< /head >
使用 Microsoft 的 CDN
< head >
<script  type = "text/javascript"  src= "http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js" >< /script >
< /head >
 
4:jQuery的基本三步走
 
1:选择器——找到需要操作的元素
2:操作——DOM元素进行增删改查
2,1:操作html文档内容——常用元素 table form div等
2.2:操作html元素属性——常用属性
2.3:操作html元素的样式——css (其实也属于属性)
3: 事件——什么情况下触发jQuery的操作, ajax等


例子:

在login.html中引用jquery

wKioL1fFHmTD-G2gAABcOehgmFE298.jpg

效果

wKioL1fFHn6RcJDIAAApyBATb84043.jpg

 jquery异步请求

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
< html >
< head >
< meta  charset = "utf-8" >
< title >登录</ title >
</ head >
< body >
     <!--<form method="post" action="/login"> -->
         < form  id = "loginform" >
         < input  id = "name"  type = "text"  name = "name"  placeholder = "用户名" >
         < input  id = "password"  type = "password"  name = "password"  placeholder = "密码" >
         < input  id = "loginbtn"  type = "submit"  value = "登录" >
     </ form >
     < form  action = "/operation" >
         < td >
                 < a  href = "/adduser"  type = "submit" >注册</ a >
         </ td >
     </ form >
     {% if result %}
     < div  style = "color:red" >
         `result`
     </ div >
     {% endif %}
< script  src = "/static/js/jquery-3.1.0.min.js" ></ script >
</ body >
</ html >


2.在谷歌浏览器中按F12进入调试模式。在console中输入

$('#loginform').serialize()  作用是把表单中的所有值都拿到

$:表示jquery       

loginform:表示选择器        

id:是html元素的唯一标识,同一个页面中不能出现重名的id


jquery基础语法:

$(selector).action()

$(选择器).动作

常用的动作

1:$(选择器).html(value)   #获取或设置html标签值

2:$(选择器).val(value)    #获取或设置表单标签值

3:$(选择器).attr(value)   #获取或设置属性标签值

4:$(选择器).css(value)    #获取或设置标签样式值


例子:通过jquery对html元素进行操作


wKiom1fFH1jDFXQ-AABYI2acY2s751.png

val()操作表单的值

wKiom1fFH2jx5lLSAAAR7_niWMg543.png

获取html

wKioL1fFH2nSjPaSAAAw7xthjBY166.png



本文转自 shouhou2581314 51CTO博客,原文链接:http://blog.51cto.com/thedream/1844275,如需转载请自行联系原作者

相关文章
堆叠集成策略的原理、实现方法及Python应用。堆叠通过多层模型组合,先用不同基础模型生成预测,再用元学习器整合这些预测,提升模型性能
本文深入探讨了堆叠集成策略的原理、实现方法及Python应用。堆叠通过多层模型组合,先用不同基础模型生成预测,再用元学习器整合这些预测,提升模型性能。文章详细介绍了堆叠的实现步骤,包括数据准备、基础模型训练、新训练集构建及元学习器训练,并讨论了其优缺点。
106 3
学习Python Web开发的安全测试需要具备哪些知识?
学习Python Web开发的安全测试需要具备哪些知识?
41 4
pytorch学习一:Anaconda下载、安装、配置环境变量。anaconda创建多版本python环境。安装 pytorch。
这篇文章是关于如何使用Anaconda进行Python环境管理,包括下载、安装、配置环境变量、创建多版本Python环境、安装PyTorch以及使用Jupyter Notebook的详细指南。
432 1
pytorch学习一:Anaconda下载、安装、配置环境变量。anaconda创建多版本python环境。安装 pytorch。
Python学习的自我理解和想法(9)
这是我在B站跟随千锋教育学习Python的第9天,主要学习了赋值、浅拷贝和深拷贝的概念及其底层逻辑。由于开学时间紧张,内容较为简略,但希望能帮助理解这些重要概念。赋值是创建引用,浅拷贝创建新容器但元素仍引用原对象,深拷贝则创建完全独立的新对象。希望对大家有所帮助,欢迎讨论。
Python学习的自我理解和想法(10)
这是我在千锋教育B站课程学习Python的第10天笔记,主要学习了函数的相关知识。内容包括函数的定义、组成、命名、参数分类(必须参数、关键字参数、默认参数、不定长参数)及调用注意事项。由于开学时间有限,记录较为简略,望谅解。通过学习,我理解了函数可以封装常用功能,简化代码并便于维护。若有不当之处,欢迎指正。
1.1 学习Python操作Excel的必要性
学习Python操作Excel在当今数据驱动的商业环境中至关重要。Python能处理大规模数据集,突破Excel行数限制;提供丰富的库实现复杂数据分析和自动化任务,显著提高效率。掌握这项技能不仅能提升个人能力,还能为企业带来价值,减少人为错误,提高决策效率。推荐从基础语法、Excel操作库开始学习,逐步进阶到数据可视化和自动化报表系统。通过实际项目巩固知识,关注新技术,为职业发展奠定坚实基础。
Python学习的自我理解和想法(6)
这是我在B站千锋教育学习Python的第6天笔记,主要学习了字典的使用方法,包括字典的基本概念、访问、修改、添加、删除元素,以及获取字典信息、遍历字典和合并字典等内容。开学后时间有限,内容较为简略,敬请谅解。
Python学习的自我理解和想法(2)
今日学习Python第二天,重点掌握字符串操作。内容涵盖字符串介绍、切片、长度统计、子串计数、大小写转换及查找位置等。通过B站黑马程序员课程跟随老师实践,非原创代码,旨在巩固基础知识与技能。
Python学习的自我理解和想法(3)
这是学习Python第三天的内容总结,主要围绕字符串操作展开,包括字符串的提取、分割、合并、替换、判断、编码及格式化输出等,通过B站黑马程序员课程跟随老师实践,非原创代码。
Python学习的自我理解和想法(7)
学的是b站的课程(千锋教育),跟老师写程序,不是自创的代码! 今天是学Python的第七天,学的内容是集合。开学了,时间不多,写得不多,见谅。
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等