views.py 1from django.shortcuts import render,HttpResponse2from app01 import models3import json4# Create your views here. 5def index(req):6if req.method == ‘POST‘:7 dic = models.Upload.objects.filter(status=1).values(‘img1‘,‘name‘,‘info‘)8 dic = list(dic)9dic = json.dumps(dic) 10print(dic) 11return HttpResponse(dic) 12return render(req, ‘index.html‘)url.py1from django.conf.urls i...
序：两种绑定时间的方式： 1、jQ_obj.click(function () {})。 2、jQ_obj.on(‘click‘, function () {})。一、克隆事件<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script src="jQuery351.js"></script><style>#copy {height: 100px;width: 100px;border: orange 5px solid;text-align: cente...
最近在做培训管理系统中遇到一个问题，需求需点击绑定的数据，将指定的附件下载下来，并且是批量下载（绑定的数据非datagrid,后台拼接的绑定）。效果图如下：大体思路：1.jquery得到选中的绑定数据的id,将这个id赋值到数组中，最后将这个数组的值赋值给页面中创建的隐藏变量2.后台获取到隐藏变量的值，并将它循环数组取值，得到绑定值的下载地址，最后打包下载 首先html中div根据后台绑定 <div id="downloadInfo" runat="server...
<!doctype html> <html> <head> <meta charset="utf-8"> <title>定宽Jquery+AJAX+JSON瀑布流布局（每行代码都有详细注释）</title> <style type="text/css"> body, ul, li, h3 { margin: 0; padding: 0; list-style: none; font: bold 12px "微软雅黑"; } /*瀑布流布局样式*/ #lxf-box { position: relative; width: 1000px; margin:0 auto;} #lxf-box li { background: #fff; border: solid 1px #ccc; text-align: center; paddin...
示例代码1、筛选的下拉<a href="javascript:void(0)" id="filterStatus" class="easyui-splitbutton" data-options="menu:‘#mm‘"onclick="javascript:void(0)">当状态</a><div id="mm" style="width: 100px;"><div data-options="name:‘ALL‘">全部</div><div data-options="name:‘1‘">成功</div><div data-options="name:‘2‘">失败</div></div>2、筛选事件 $(‘#mm‘).menu({onClick: function...
1.1 背景半透明遮罩层样式 需要一个黑色（当然也可以其他）背景，且须设置为绝对定位，以下是项目中用到的css样式：/* 半透明的遮罩层 */ #overlay {background: #000;filter: alpha(opacity=50); /* IE的透明度 */opacity: 0.5; /* 透明度 */display: none;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 100; /* 此处的图层要大于页面 */display:none; }1.2 jQuery实现遮罩/* 显示遮罩层 */funct...
前几天，需要做一个弹幕展示效果，看了网上很多资料，但是很不凑巧，都不能满足自己的需求和功能点，但是总不能放弃吧，那么就自己写一个，今天把成果分享给大家，首先说一下市面上比较流行的弹幕插件吧：1.有关视频的弹幕 http://www.jq22.com/jquery-info2123jquery.barrager.js聊天弹幕 http://www.bootstrapmb.com/item/6429当然网上也有很多插件，重点说一下我看的这三款，第一款如果不碰撞还可以，但是不适合vue，需要自己改...
each()函数是基本上所有的框架都提供了的一个工具类函数，通过它，你可以遍历对象、数组的属性值并进行处理。 jQuery和jQuery对象都实现了该方法，对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说：jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。而jQuery对象提供的each方法则是对jQuery内部的子元素进行逐个调用。 jQuery.prototyp...
前言最近开发的一套系统中需要对商品进行管理，在选择商品时，要分别从品牌、型号、商品三个类别分别选择对应的选项才能找到需要的商品，三者的关系为：品牌包含型号，型号包含商品，因此使用了三个不同的 asp:CheckBoxList 控件进行开发。 但是在开发完成之后，发现当 CheckBoxList 中数据过多的时候，查找起来相当麻烦，因此考虑在控件外部加多一个 Textbox ，并且使用 jQuery 控制不包含关键字的元素隐藏起来。开发思路那么具体...
最近有同事提到类似网页右下角的消息悬浮提示框的制作。我之前也做过一个类似的例子，很简单。是仿QQ消息。现在感觉之前的那个例子只是说了实现原理，整体上给你的感觉还是太丑，今天为大家带来一个新的例子。是Discuz右下角悬浮层提示的。运行效果如下： 代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/19...
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } #boss{ margin:auto ; width: 500px; background-color:#C48698; border: 2px; } #boss ul li { list-style: none; } #boss ul li div { display: none...
插件介绍这是一个我在写以前的项目的途中发现的一个国人写的jQuery图像裁剪插件，当时想实现用户资料的头像上传功能，并且能够预览图片，和对图片进行简单的裁剪、旋转，花了不少时间才看到了这个插件，感觉功能挺全面，代码实现起来也挺简单，再加上用的是Bootstrap，对移动端操作也有适配，于是就用了。现在稍微有点时间就记录一下，方便以后再用的时候查阅。另外也有对应的js版本。官方文档（英文）jQuery GitHub项目地址官方示...
原文:jquery实现替代iframe的功能使用iframe能很好的嵌入其他的网页或者网站，但是iframe每次加载都会浪费好多的时间，且会阻止其他元素的加载，搜索引擎也不能识别页面ifram框架中被调用的链接、文本、图片等等内容的。Html代码<ul class="list-side"><li><a target="a.html" >about</a></li><li><a target="b.html" >news</a></li><li><a target="c.html" >product</a></li><li><a href="http://ucmic.blogspot.com/" target="_b...
jquery 显示隐藏方法实现动画效果方向显示隐藏左上角到右下角show()hide()垂直向下slideDown()slideUp()水平与垂直两个方向toggle()垂直向上切换slideToggle()原文：https://www.cnblogs.com/shiazhen/p/11897969.html
<script>//实现全选与反选$(".allAndNotAll").click(function () {if ($(this).prop("checked")) {$("input[id=inlineCheckbox1]:checkbox").each(function () {$(this).prop("checked", true);});} else {$("input[id=inlineCheckbox1]:checkbox").each(function () {$(this).prop("checked", false);});}});//当其中不勾选某一个选项的时候,则去掉全选复选框$(":checkbox[id=inlineCheckbox1]").click(function () {$(".allAndNo...