<script src="js/jquery-3.3.1.js"></script>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    // user code
</script>

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script>
    // user code
</script>

<img src="http://onehdwallpaper.com/wp-content/uploads/2015/11/Most-Beautiful-Girl-in-Flowers-Field.jpg"/>
<script>
    window.onload = function() {
        console.log("window load 1");
    };
    window.onload = function() {
        console.log("window load 2");
    };
    $(document).ready(function() {
        console.log("document load 1");
    });
    $(function() {
        console.log("document load 3");
    });
</script>
// window.onload=fn单事件绑定，页面DOM树与资源完全加载完毕

// jq的延迟加载: 文档树加载完毕, 即回调
// $(document).ready(fn)多数据绑定，页面DOM树加载完毕，简写$(fn)
// 1. 早于window.onload
// 2. 可以多次绑定事件
// 3. 可以简写为$(function() {})

var $ele = $(‘.ele‘);
// $(css选择器语法)
// eg: $(‘.box‘) 得到的是一个存放原生js对象的数组, 就是jq对象, 页面中有多少个.box, 该jq对象就承载者多少个对象,. 可以作为一个整体来使用

$ele.text("添加文本");
// 获取原有文本
$box.text() | $box.html()
// 设置新文本
$box.text(‘newData‘) | $box.html(‘<b>newData</b>‘)

$ele.css({width: ‘200px‘, heigth: ‘200px‘});
$ele.css(‘background-color‘, ‘red‘).css(‘border-radius‘, ‘50%‘);

$box.css(‘background-color‘)  // 获取背景颜色
$box.css(‘background-color‘, ‘red‘)  // 设置背景颜色
$box.css(‘background-color‘, function() {return ‘yellow‘})  // 通过函数返回值设置背景颜色

$ele.toggleClass(‘active‘);
$box.addClass("newClass") // 添加一个新类名
$box.removeClass("oldClass") // 删除一个已有的类名
// 多类名时,jq操作类名将每个类名最为单一考虑对象,不会影响其他类名

$ele.on(‘click‘, function() {});
// $box为jq对象
$box.click(function(ev) {
    
})
// 注: jq对象如果包含多个页面元素对象, 可以一次性对所有对象绑定该事件
// ev事件为jq事件, 兼容js事件
// this为js对象, $(this)就转换为jq对象
// 内部可以通过$(this).index()获取自身在当前结构下的索引(从0开始)

$ele.slideUp();

$ele.append("<b>Hello</b>");

// 父
$sup.parent()
// 父,父的父...
$sup.parents()
// 子们
$sup.children() *****
// 上兄弟
$sup.prev()  ***
// 上兄弟们
$sup.prevAll()
// 下兄弟
$sup.next()  ***
// 下兄弟们
$sup.nextAll()
// 同级别的兄弟们
$sup.siblings()  ***

// 在sup下查找类名为inner的子级
$sup.children(‘.inner‘)

// 获得的结果都是jq对象, 还可以接着使用jq方法

// js对象: box  jq对象: $box
// 将js对象转换为jq对象: $(box)
// 将jq对象转换为js对象: $box[index]
//第一种方式：
$(‘box‘)[0]

//第二种方式：
$(‘box‘).get(0)

from flask import Flask, request
from flask_cors import CORS
app = Flask(__name__)
CORS(app, supports_credentials=True)
?
def test_action():
    usr = request.args[‘usr‘]
    ps = request.args[‘ps‘]
    if usr != ‘zero‘ or ps != ‘123456‘:
        return ‘login failed‘
    return ‘login success‘
?
if __name__ == ‘__main__‘:
    app.run()
    
// 安装Flask及Flask-Cors包

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script>
    $.ajax({
        url: "http://127.0.0.1:5000/testAction",
        data: {
            usr: "zero",
            ps: "123456"
        },
        success: function (data) {
            console.log(data);
        }
    });
</script>