JQery
关注
分享
扫一扫
酷爱编程的小猿同学
这个作者很懒，什么都没留下…
展开
-
SpringBoot 实现文件上传、图片上传（最全上传功能）
SpringBoot +AjaxFileUpload.js 实现文件上传AjaxFileUpload.js并不是一个很出名的插件，原理是创建隐藏的表单和iframe然后用JS去提交，获得返回值。ajaxFileUpload是一个异步上传文件的jQuery插件使用步骤：前端代码：一、先引入jQuery与ajaxFileUpload插件。注意先后顺序（自己到网上去下载ajaxFileUpload.js文件）<script type="text/javascript" src=".原创 2020-11-19 15:08:35 · 1615 阅读 · 0 评论 -
jQuery中live()的重复绑定解决方案
使用场景：需要动态绑定元素，用常规的click无法绑定，这个时候我用到了live（事件委派函数）。问题描述：打开弹窗会给弹窗中的某些动态生成的元素绑定live事件，关闭弹窗（不刷新主页面的情况下）再打开弹窗会从新绑定live事件，导致事件多次触发。解决方案方案一（推荐）：//先通过die()方法解除，再通过live()绑定$(“.root-content”).die().live(“click”,function(){//事件运行代码});方案二（不推荐）：关闭弹框时刷新.原创 2020-11-10 10:36:45 · 213 阅读 · 0 评论 -
微信公众号实现图片拖拽删除功能
最近做的一个微信公众号需求，需要长按呼出有删除按钮的浮层，然后将图片拖到删除的浮层上即可删除。功能完成后在这里做个笔记，同时也可以给需要实现该功能的猿友做个参考。代码：<!DOCTYPE HTML><html><head> <style type="text/css"> body { wi...原创 2020-03-20 18:14:44 · 1380 阅读 · 0 评论 -
jquery图片放大缩小旋转功能实现
下载地址：https://download.youkuaiyun.com/download/qq_43037478/12076630原创 2020-01-03 09:41:50 · 1727 阅读 · 0 评论 -
jQuery绑定事件的四种方式：bind、live、delegate、on
jQuery绑定事件的四种方式：bind、live、delegate、on 1、jQuery操作DOM元素的绑定事件的四种方式 jQuery中提供了四种事件监听方式，分别是bind、live、delegate、on，对应的解除监听的函数分别是unbind、die、undelegate、off。2、必备的基础知识: DOM树 我们的页面可以理解为一棵DOM树，当...原创 2019-11-19 18:28:15 · 571 阅读 · 0 评论 -
如何设置select，input只读不可编辑且值可传递
今天实现一个需求的时候遇到这个问题，总结如下：一、使input文本框不可编辑，我知道的有三种方法1. disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。示例：<i...原创 2019-02-19 16:52:40 · 5305 阅读 · 0 评论 -
Mixed Content混合内容错误 Iframe Http页面无法访问
问题描述今天在做一个https站点的时候，需要用iframe打开一个http页面。但发现在手机上和chrome上就是无法打开，显示Mixed Content（混合内容）。因为https协议站点，读取的资源文件js css png,包括请求post和get，还有iframe的页面，都必须是https协议的。所以就会报出下面的错误，其实是浏览器为了HTTPS网站不会受到不安全的HTTP资源的攻击的出...原创 2019-04-11 18:31:50 · 682 阅读 · 0 评论