对一个简单的ul列表进行输入框的搜索功能，搜索之前及搜索后显示效果如下：用到的主要jquery技术有filter()和match()方法以及正则匹配，基础HTML+div设置：<div class="nav_Element_Item "> <h2>数据名称:</h2> <div class="data_search_div"> <input class="data_search_input" type="text" placeholder="请输入数据名称查找"></div> <ul class="nav_Element_List"> <li>基金简称</li> <li>董事会成员</li> <li>数据名称</li> <li...
项目需求：在ie或chrome浏览器下，调用电脑摄像头（确保使用的是笔记本电脑，或者摄像头功能正常使用的台式机），进行人脸图像采集预览，并将图片的base64码传入到后台进行后续操作。该demo适用于chrome和ie10以上，ie10以下版本的未测试。前期插件准备jquery：1.5版本以上即可jquery-webcam：github地址, 作者主页地址这里。该插件下载好后我们需要如下四个文件并与下面测试的HTML放在同一目录下：测试页面测试前注意事项: 测试ht...
1.引入jQuery文件2.添加jquery.refresh.js文件，代码如下： 1/**2 * Created by Silver on 2015/11/27.3*/ 4 5 (function ($) {6 $.refreshData = function (options) {7var defaults = {8 url: ‘/order/ajax_new_count‘,//提交的地址 9 contentData: {}, 10 time: 15, 11 home: false12 }; 13var opts = $.extend({}, defaults, options); 1415 $.refreshDat...
昨天做项目遇到一个问题，和大家分享下，jquery实现点击按钮弹出层和点击空白处隐藏层的问题if($(‘.autoBtn‘).length){ $(‘.autoBtn‘).find(‘.assess‘).unbind().bind(‘click‘,function(event){ //取消事件冒泡 event.stopPropagation(); if($(‘.abtnBox‘).is(":hidden")){ $(‘.abtnBox‘).show(); ...
新年礼，提供简单、易套用的 jQuery AJAX上传示例及代码下载。后台对文件的上传及检查，以 C#/.NET Handler 处理 (可视需要改写成 Java 或 PHP)。有时做一个网站项目 (不论是否 ASP.NET)，内附的 FileUpload 控件，功能不足 (页面必须刷新、不支援 AJAX)，或外观太丑被用户嫌弃 (却无法透过 CSS 自定义外观)。网路上虽已有许多可用的示例，如： jQuery File Upload，但功能太强大、外观复杂，欲仅取出部分功能来引用，反而不易。因...
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...