引用

jQuery 是一个 JavaScript 库，不需要安装，直接引用就行

    <!-- jQuery -->

    <script src="/static/vendors/jquery/dist/jquery.min.js"></script>

　　

语法

$(selector).action()

#$定义jquery

#selector是html元素选择器

#action()对元素执行操作

　　

文档就绪事件

$(document).ready(function(){

   // 开始写 jQuery 代码...

});

或者

$(function(){

   // 开始写 jQuery 代码...

});

有多个函数时：

$(function () {

    datatable_func()

    access_key();

    flush_key();

    delete_key();

});

#防止在DOM加载完之前就执行jquery代码

#一般在写jquery时，先上一个$(function (){}把所有函数放进去，然后下面再写函数

　　

点击响应事件

<body>

    <p id="test1">这是一个段落。</p>

    <p id="test2">这是另外一个段落。</p>

    <p>输入框: <input type="text" id="test3" value="this is jQuery"></p>

    <button id="btn1">设置文本</button>

    <button id="btn2">设置 HTML</button>

    <button id="btn3">设置值</button>

    <!-- jQuery -->

    <script src="/static/vendors/jquery/dist/jquery.min.js"></script>

    <script>

        $(function () {

            myFunction()

        });

        function myFunction()

        {

            $("#btn1").click(function () {

                $("#test1").text('<h3>hello jQuery</h3>');

            });

            $("#btn2").click(function () {

                $("#test2").html('<h3>hello jQuery</h3>');

            });

            $("#btn3").click(function () {

                $("#test3").val('hello jQuery');

            });

        }

    </script>

</body>

#text() - 设置或返回所选元素的文本内容

#html() - 设置或返回所选元素的内容（包括 HTML 标记）

#val() - 设置或返回表单字段的值

　　

Ajax

function flush_key()

{

    $("#flush_status").click(function () {

        $.ajax({

            url:"{% url 'salt_key_update' %}",

            success: function (arg) {

                if(arg){

                    window.location.href = "{% url 'salt_key_list' %}";

                }

            }

        });

    });

}

#在salt_key_list页面

#由id=flush_status的button click触发函数

#使用ajax函数，请求salt_key_update

#请求成功时，如果有参数返回，则定向到salt_key_list

　　

function download_log()

{

    $("#log_download").click(function () {

        $.ajax({

            url:"{% url 'log_download' %}",

            type:"POST",

            data:{'server':$("#id_server").val(),'subtype':$("#id_subtype").val(),'logpath':$("#id_logpath").val()},

            success: function (arg) {

                if(arg){

                    window.location.href = arg;

                }

            }

        });

    });

}

#把三个参数发送给log_download，然后返回一个arg，请求这个arg

 #下载url,由js响应

 download_url = 'http://192.168.10.12/%s/files%s'  %(server,zip_name_path)

 return HttpResponse(download_url)

#download_url返回给js

　　

js_jquery的更多相关文章

  1. Java简单示例-用户登录、单个页面的增删改查及简单分页

    index.html  -登录->stulist.jsp (index.html传递到LoginServlet,进行登录检测及写入session,NO返回index.html界面,OK 跳转到s ...

  2. apache tiles 页面模板的使用

    jar包maven <!-- Tiles 模板--> <dependency> <groupId>org.apache.tiles</groupId> ...

  3. jQuery stop()浅析

    作为前端开发人员,JS和JQuery是我们经常用到的开发语言和工具类库.我们都晓得,在jQuery中有一个很强大的方法——stop(),他是阻止在连续动画或事件中出现重复累积状况的方法.那么,stop ...

随机推荐

  1. jps不显示java进程信息

    本来想自己整理,发现已经有前人整理,并且完美解决了我的问题,故转载,感谢分享 转自:http://trinea.iteye.com/blog/1196400 对于jps较熟悉可以直接查看第二部分的分析 ...

  2. view定位

  3. Cisco设备参数总结

    Cisco设备参数总结 1.MAC与TCAM的区别:两张表所其作用的环境不同,MAC表是全局表,一般通过全局CPU进程转发需要查看MAC表,但是,现在基本都是硬件快速转发,那么这个时候就生成了CAM表 ...

  4. 10.19-10.20 test

    2016 10.19-10.20 两天  题目by mzx Day1: T1:loverfinding 题解:hash #include<iostream> #include<cst ...

  5. xml文件的解析（用dom4j解析）

    有个第三方的包,用来解析.xml文件比较方便,它是DOM4J.由于是第三方的,所以要使用它就要先下载,并包含进来.步骤: 1.打开dom4j官网,这里下载最新版dom4j-2.1.1.jar. 2.新 ...

  6. codeforces B. Ilya and Queries 解题报告

    题目链接:http://codeforces.com/problemset/problem/313/B 题目意思:给出一个只有 "."  和  "#" 组成的序 ...

  7. DBCPTool

    dbcp读取配置文件的方式: 1. 导入3个包:commons-dbcp-...  .jar(数据源) commons-collections-.....jar(集合) commons-pool... ...

  8. SQL SERVER2008 打开脚本总是报“未能完成操作，存储空间不足”

    使用用SQLCMD命令行. 1.快捷键:win+R 2.输入cmd​,确定 3.输入命令:sqlcmd -S <数据库服务器名称> -i C:\<脚本文件路径>.sql 如图所 ...

  9. CS231n 2016 通关 第四章-NN 作业

    cell 1 显示设置初始化 # A bit of setup import numpy as np import matplotlib.pyplot as plt from cs231n.class ...

  10. tcp/ip详解(转)

    与UDP不同的是,TCP提供了一种面向连接的.可靠的字节流服务.TCP协议的可靠性主要有以下几点保障: (1)应用数据分割成TCP认为最适合发送的数据块.这部分是通过“MSS”(最大数据包长度)选项来 ...