jQuery
关注
分享
扫一扫
冰冷的希望
坚持记录，相互帮助，一起进步
展开
-
【jQuery】js实现文件浏览功能
近期遇到一个浏览用户文件的需求，类似于访问百度网盘那样的列表，包含文件和文件夹，这个功能实现起来很简单，从服务器获取到的文件列表至少要有文件id、父级文件id、是否文件夹这三个字段前端排版看你实际情况设计，我这里只简单展示文件夹和文件夹以及对应的图表就行，文件时间等其他信息也可以自行展示。我这里使用table标签展示文件列表，每一个文件都是一个tr，效果如下3.展示文件列表样式设置好之后，我们先试着展示固定的文件，文件保存在一个数组中，每一个文件都有文件id，我这里使用文件路径代替，只要是唯一的就行，原创 2023-02-22 17:51:23 · 2098 阅读 · 3 评论 -
【jQuery】根据table文本内容修改颜色
1.说明我们使用jQuery轻松选取一些元素进行修改样式，但有时候需要根据实际的内容去修改，比如说，根据一个表格内的单元格的文本内容判断修改显示的颜色，如果是异常的数据显示红色，正常的数据显示绿色2.代码function changeStatusColor() { // 定位元素并且遍历 $(".node_status").each(function () { // $(this)代表当前元素 if ($(this).text() == "正常") {原创 2021-08-03 15:46:30 · 1335 阅读 · 0 评论 -
【jQuery】生成TXT文件并下载
1.说明比如说，我们点击一个按钮，弹出下载窗口，把指定的文本保存为一个文件2.代码(function(a, b) { if ("function" == typeof define && define.amd) define([], b); else if ("undefined" != typeof exports) b(); else { b(), a.FileSaver = { exports: {} }.exports }})(this, functi原创 2021-06-24 11:02:24 · 1950 阅读 · 3 评论 -
【jQuery】absolute让标签出现在屏幕正中间
1.说明比如说右键弹窗，让它每次在隐藏之后再弹出都会在屏幕中间，即使滚动了网页2.代码需要用到jQuery，需自行引入前端代码比较简单，创建一个div指定ID即可，这里就不给出了//让指定的DIV始终显示在屏幕正中间 function showDiv(divName){ var top = ($(window).height() - $("#myDiv").height())/2; var left = ($(window).width() - $("#myDiv").原创 2021-06-18 12:15:46 · 431 阅读 · 0 评论 -
【jQuery】点击特定区域才触发事件
1.说明我们可以使用jQuery轻松监听各种事件，比如说点击、双击、鼠标进入等等，但是那是全局了，如果我们想要在某个组件才发生操作，比如说在某个div内右键才会弹窗自定义的窗口2.代码<script type="text/javascript"> function showRightMenu(data) { $(document).contextmenu(function(e) { e.stopPropagation(); //阻止冒泡原创 2021-06-17 14:38:47 · 644 阅读 · 0 评论 -
【jQuery】简单的右键菜单
1.说明在浏览器点击右键会弹出一个浏览器自带的默认菜单，不过有些场景我们需要一个自定义的菜单，这时候我们要阻止默认菜单并显示我们自己做好的菜单2.代码我们简单使用ul和li创建一个菜单HTML代码<ul class="contextmenu"> <li> <span>详情</span> </li> <li> <span>功能1</span>原创 2021-06-17 11:42:45 · 1704 阅读 · 0 评论 -
【jQuery】jQuery弹出框可拖拽移动
1.说明此demo需要用到jQuery和bootstrap，使用前需要先引入相关文件因为内容比较简单，所以就不多说明了2.相关代码位置排版使用了绝对定位，部分是写死的，实际情况应该修改为动态自适应<div id="windowWithdraw"> <div id="windowTitle"> <span id="windowClose">关闭</span> <div>提现状态重置</div&g原创 2021-06-16 19:09:22 · 1096 阅读 · 0 评论 -
【Django】Django+Ajax下载文件（使用FileResponse）
1.说明使用Django下载文件的方式有多种，这里使用的是FileResponse对象返回文件即可# 视图函数@csrf_exemptdef getFinanceBalanceFile(request): ... filename = "{}_余额.xlsx".format(time.strftime("%Y-%m-%d", time.localtime())) file = open("xxxx", 'rb') response = FileResponse(fil原创 2021-06-09 18:20:05 · 2684 阅读 · 0 评论 -
【js】ajax的简单使用
1ajaxAJAX 是 Asynchronous JavaScript and XML的缩写，即异步的 JavaScript 和 XML。它是jQuery里的方法作用是可以发起异步请求，到达局部刷新的目的2.发起ajax请求写法1：$.ajax(对象)<!DOCTYPE html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt原创 2020-08-14 14:25:06 · 1178 阅读 · 1 评论 -
【js】jQuery常用事件和委托事件
1.JQuery大概有以下几个常用事件事件说明click()鼠标单击事件focus()获取焦点事件，比如说处于输入状态blur()失去焦点事件mouseover()鼠标进入事件mouseout()鼠标离开事件dblclick()双击鼠标事件change()文本发生变化事件keypress()按下键盘事件HTML代码<!DOCTYPE html><html lang="en"><head&原创 2020-08-12 19:45:39 · 269 阅读 · 0 评论 -
【js】jQuery获取和修改元素的内容、属性、css样式
1.获取和修改元素内容我们可以使用html()方法获取元素内容和修改内容，类似于元素js的innerHTMl当html()方法不传参数的时候即是获取该元素的内容，若传参数，参数即该元素被修改后的内容<body> <div id="div1"> <ul class="list"> <li>111</li> <li class="li1">222</li&g原创 2020-08-12 19:42:31 · 3476 阅读 · 0 评论 -
【js】JQuery选择器、选择集过滤、选择集转移
1.选择器选择器的的作用就是选取元素，用法与css选择器差不多，大概有以下几种选择器说明标签选择器直接写标签名类选择器以小数点开头id选择器以#开头层级选择器选择器之间用空格隔开属性选择器根据属性来选择<body> <div id="div1"> <ul class="list"> <li>111</li> <原创 2020-08-12 19:41:08 · 299 阅读 · 0 评论