python 学习第八篇 jquery

时间 2020-11-12

标签 javascript css html java jquery ajax 编程 api 浏览器 bash 栏目 Python 繁體版

原文原文链接

简介：javascript

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

包含内容：html

HTML 元素选取java

HTML 元素操做jquery

CSS 操做ajax

HTML 事件函数编程

JavaScript 特效和动画api

HTML DOM 遍历和修改浏览器

AJAXbash

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

效果

jquery异步请求

<!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元素进行操做

val()操做表单的值

获取html

python 学习 第八篇 jquery

python 学习第八篇 jquery