jQuery使用&插件
关注
分享
扫一扫
文章平均质量分 64
Jquery使用整理，JQuery插件整理
天马3798
济南小程序开发，济南网站开发，线上引流过客；济南.net 开发,济南C#开发，济南nodejs开发
展开
-
JQuery Ajax教程_Ajax服务器交互
通过 jQuery AJAX 方法，您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。上传文件时使用的编码格式, 提交的数据从request.POST中提取, 上传的文件从request.FILES中提取。ajax发送的json格式数据, 在request.POST中取不到数据, 需要在request.body中提取数据。默认的编码格式, 提交的数据从request.POST中提取。原创 2024-06-22 15:15:39 · 1166 阅读 · 0 评论 -
JQuery 概念、历史、发展、优势-JQuery开发教程
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（框架）于2006年1月由John Resig发布。它推动了JavaScript在浏览器端的应用，为开发者提供了便利和效率，成为了Web开发中不可或缺的一部分。版本3.x系列：2016年发布的jQuery 3.x系列进一步改进了性能和稳定性，并增加了一些新特性。社区和生态系统：除了核心库之外，jQuery还拥有丰富的插件和扩展，这些由社区贡献的内容为开发者提供了更多的选择和功能。原创 2024-06-22 14:50:48 · 919 阅读 · 1 评论 -
JQuery 新手经常遇到的问题强调
window.onload 页面加载完毕。JQuery 新手经常遇到的问题强调。原创 2024-01-27 16:21:23 · 611 阅读 · 0 评论 -
JQuery 操作Class滚动轮播展示效果
JQuery 操作Class滚动轮播展示效果。原创 2024-01-13 17:23:46 · 717 阅读 · 0 评论 -
网页在线打开PDF_网站中在线查看PDF之pdf.js
pdf.js 使得不需要在计算机上安装 Adobe Reader 或其他 PDF 阅读器就可以在 Web 上阅读 PDF 文档成为可能。pdf.js 是社区驱动的，并由 Mozilla 支持。我们的目标是为解析和呈现 PDF 创建一个通用的、基于 Web 标准的平台。pdf.js 将 PDF 文档转换为 HTML5 Canvas 元素。PDF.js 是一个使用 HTML5 构建的便携式文档格式查看器。使用方案：file=(指定自己的pdf文件地址即可)pdf.js是一个免费的开源软件。原创 2023-10-15 21:37:46 · 4103 阅读 · 0 评论 -
echarts中国地图使用整理
1.准备地图数据china.json;需要的添加微信：tianma104，我发你。2.引入jquery，引入eachars 库。原创 2023-06-14 15:17:16 · 1637 阅读 · 0 评论 -
JQuery 操作Class实现前端交互方案（推荐）
/document.ready---DOMContentLoaded ----小程序onload ---Vue created()//window.onload ---小程序onload ----- Vue mounted()//页面的数据html，加载完成， 图片+ajax+视频 在异步加载中。//移除样式 removeClass('样式名称')//切换样式 toggleClass('样式名称')//判断样式 hasClass('样式名称')//添加样式 addClass('样式名称')原创 2023-06-10 09:46:54 · 800 阅读 · 0 评论 -
Ajax 重复提交问题处理方案
Ajax 重复提交问题处理方案注：ajax重复提交原因，是ajax是异步的，在网络延迟或者服务器卡顿时候，多次点击提交按钮会重复提交。一、方案1，简单方式处理ajax重复提交，使用变量控制1.js代码 //标记是否提交 var isSubmit=false; $('#Submit').click(function(){ if(isSubmit)return false; var name=$('#Name').val();原创 2022-02-26 14:45:05 · 1342 阅读 · 1 评论 -
JQuery 键盘事件使用整理
1. Js 键盘事件1.键盘按下，keydown，在键盘上按下某个键时触发。如果按住某个键，会不断触发该事件2.键盘松开，keyup，该事件仅在松开键盘时触发一次，不是一个持续的响应状态。3.字符键——键盘按下并松开，keypress，按下某个键盘键并释放时触发。如果按住某个键，会不断触发该事件。该事件处理函数返回 false 时，会取消默认的动作（如输入的键盘字符）。事件响应顺序：当按下键盘时，会连续触发多个事件，它们将按如下顺序发生。对于字符键来说，键盘事件的响应顺序：key原创 2021-12-11 10:39:55 · 3653 阅读 · 0 评论 -
JQuery 鼠标事件使用汇总
一、js鼠标事件1.单机 ：左键单机、右键单机2.双击3.鼠标按下、鼠标松开4.鼠标移动5.鼠标进入、鼠标移出6.鼠标滚轮滚动二、JQuery鼠标事件整理1.单机 ：左键单机、右键单机.Click()：左键单机为 JavaScript 的"click" 事件绑定一个处理器，或者触发元素上的 "click" 事件。(支持触屏的tab事件).contextmenu():右键单机右键菜单按钮时间，可以拒绝右键菜单。2.双击.dblclick():双击触发原创 2021-12-11 10:22:30 · 5987 阅读 · 1 评论 -
JQuery图片滚动展示组件1_jCarouselLite图片滚动展示使用
一、jCarouselLite 组件源码地址：https://github.com/ganeshmax/jcarousellite在线demo地址：http://www.gmarwaha.com/jquery/jcarousellite/demo.php扩展演示：https://demo.lanrenzhijia.com/2013/pic2678/使用注意事项：1.当前组件是老版本的封装，Jquery的版本需要时1.xxx2.依赖jquery.easing-1.3.j原创 2021-12-10 10:57:32 · 757 阅读 · 0 评论 -
Jquery 事件绑定使用整理
一、常见事件类型1.鼠标事件2.键盘事件3.触屏事件4.BOM/DOM/Element 自带事件5.自定义事件事件的理解：事件：在xxxx情况下触发一个方法/代码事件命名 onXXXX 的模式，当xxx的时候执行。//自定义事件 案例,当页面加载成功后3秒钟，触发var num = 0;var timer=null;timer=setInterval(function () { num++; console.info(num); if...原创 2021-12-04 09:50:39 · 689 阅读 · 0 评论 -
jquery.fancybox图片预览组件使用整理_fancyBox3使用整理
一、jquery.fancybox 介绍源代码地址：https://github.com/fancyapps/fancybox官网展示地址：https://fancyapps.com/fancyBox是一个JavaScript库，它以优雅的方式展示图片，视频和一些html内容。它包含你所期望的一切特性—支持手势，响应式和高度自定义。目前版本3.x系列。支持浏览器：Chrome Firefox IE10/11 Edge iOS Safari Android 7.0 Ta.原创 2021-06-26 11:43:37 · 2183 阅读 · 0 评论 -
网页在线打开PDF_网站中在线查看PDF之TouchPDF
一、网页在线打开PDF_网站中在线查看PDF之TouchPDFTouchPDF是用于jQuery的简单Web PDF查看器。它基于pdf.js库，并支持用于滑动页面和缩放的移动手势。可以实现的功能用手指滑动到下一页或上一页 捏放大和缩小 跟随指向文档部分或外部URL的链接 添加彩色标签以快速访问加标签的页面 直接加载到您的DOM中，而无需iFrame浏览器支持：Firefox，Chrome，Opera，IE> = 9，Safari，Android浏览器Git代码下载：http原创 2021-04-27 11:06:48 · 1668 阅读 · 0 评论 -
JS 自定义实现数字滚动处理
一、浏览器端js自定义实现数字滚动使用示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script s原创 2021-01-19 16:02:49 · 2471 阅读 · 0 评论 -
Echarts 开源，免费商用图表控件使用整理
一、Echarts 基础说明ECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求。ECharts 遵循 Apache-2.0 开源协议，免费商用。ECharts 兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等）及兼容多种设备，可随时随地任性展示。Echarts是百度前端团队做的基于html5-canvas的开源图表绘制组件。echarts(国产)基于html5-canvas的开源图表绘制组件二、Echar原创 2020-12-19 14:37:47 · 2662 阅读 · 2 评论 -
js网页中实现复制功能，clipboard.js
一、clipboard.js Html中实现复制内容现代化的拷贝文字不依赖flash, 不依赖其他框架，gzip压缩后只有3kb大小中文官网地址：http://www.clipboardjs.cn/二、使用案例var clipboard = new ClipboardJS('.btn');clipboard.on('success', function(e) { console.info('Action:', e.action); console.in..原创 2020-06-06 15:13:23 · 764 阅读 · 0 评论 -
JS实现网页选取截屏 保存+打印 功能(转)
一、使用到的插件1.html2Canvas.js参考文章：https://blog.csdn.net/u011127019/article/details/106381824如何将选取框范围内的网页内容变成图像呢，我们可以使用html2canvas.js，html2canvas可以将页面中的DOM元素生成canvas，是将网页生成图像的非常好的一个选择。使用非常简单:html2canvas(document.body).then(function(canvas) {document.bo转载 2020-05-27 15:22:09 · 2313 阅读 · 1 评论 -
JS实现浏览器截图、JS实现Html转图片功能之html2canvas
一、html2canvasScreenshots with JavaScript官网地址：http://html2canvas.hertzen.com/html2canvas能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个Canvas图片，通过读取DOM并将不同的样式应用到这些元素上实现。·它不需要来自服务器任何渲染，整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时，将采用Flashcanvas或ExplorerCanvas.原创 2020-05-27 15:06:41 · 3413 阅读 · 0 评论 -
Jquery插件之js打印，Div打印
一、jQuery.print是用于打印页面特定部分的插件Git源代码地址：https://github.com/DoersGuild/jQuery.printCDN使用连接：https://www.bootcdn.cn/print-js/<script src="https://cdn.bootcdn.net/ajax/libs/jQuery.print/1...原创 2020-05-01 17:30:17 · 1046 阅读 · 1 评论 -
日本地图选择插件、日本地区选择插件
一、JQuery插件之 日本地图地区选择器源代码名称:japan-map 源代码网址:http://www.github.com/takemaru-hirai/japan-map演示地址：http://takemaru-hirai.github.io/japan-map/二、使用方法：引用 <script src="https://cdn.bootcss.c...原创 2020-04-25 19:35:58 · 2590 阅读 · 0 评论 -
JQuery手机版日期选择控件之jdate(jquery-date)
一、控件说明 jdate(jquery-date)注：当前控件兼容支持手机浏览器，常用选择即可支持。git源代码地址：https://github.com/weijhfly/jqueryDatePlugin如果是在vue或其他模块开发的项目中，参考git中的使用说明。在html中使用，比较简单，引用jquery控件后，再引用jdate控件 <script src=...原创 2019-11-30 13:23:24 · 9624 阅读 · 0 评论 -
JQuery Ajax load()方法
一、JQuery Ajax load()方法主要用于载入远程HTML文件代码，并插入至DOM中特别说明：此方法加载html文件，会过滤掉HTMl、Head、Body标记，对于HTMl中的javascript支持解析，对于CSS也支持解析load(url, [data], [callback])概述载入远程 HTML 文件代码并插入至 DOM 中。默认使用 GET 方...原创 2017-01-14 15:29:35 · 958 阅读 · 0 评论 -
jQuery Core 3.0升级指南
jQuery Core 3.0升级指南链接概述随着3.0版本的主要版本，jQuery Core团队已经利用这个机会对API进行了修改，并修复了可能会破坏某些代码的更改的错误。这包括删除先前已弃用的公共API，更改或删除未记录的API，以及对具体输入的现有API的已记录或未记录行为的更改。链接浏览器支持截至jQuery 3.0，支持以下浏览器：Internet Explorer：...原创 2017-07-24 11:21:14 · 1230 阅读 · 0 评论 -
Uncaught Error: datetimepicker component should be placed within a relative positioned container
在使用Bootstrap Datetimepicker时间选择控件时有的时候会出现下面异常：Uncaught Error: datetimepicker component should be placed within a relative positioned container这个异常的意思是datetimepicker指定的输入框的外层应该是一个相对定位的标签才可以。异常情况下的代原创 2016-12-09 09:17:27 · 8020 阅读 · 0 评论 -
Highcharts数字格式化
数字格式化函数：Highcharts.numberFormat()摘要: Highcharts.numberFormat()用于图表中数值的格式化，常见用途有数值精度控制、小数点符、千位符显示控制等。例如 Highcharts.numberFormat(12223.87, 2) = 12223.87 （保留两位小数） ... ... ...一、函数说明该转载 2015-07-24 13:03:29 · 5207 阅读 · 0 评论 -
ueditor编辑器asp.net版本任意上传漏洞处理
漏洞名称：ueditor编辑器asp.net版本任意上传漏洞 描述：UEditor 1.4.3.3 最新版本都受到此漏洞的影响， 危害：可以直接上传aspx脚本木马，拿下网站webshell，甚至沦陷服务器权限。个人处理方案：1.设置iis禁止访问aspx/asp文件2.设置upload文件夹允许读取、允许写入，禁止执行。 其他文章的建议: 1.目前...原创 2019-02-22 09:26:07 · 5350 阅读 · 0 评论 -
JQuery.validationEngine表单验证插件
一、说明JQuery.validationEngine表单验证控件功能强大，自带了样式显示模式：1.字符类型：非空验证、最大长度、最小长度、相等判断、数字和空格、数字和英文字母2.数字类型：数字、整数、最大值、最小值3.日期类型：日期（yyyy-MM-dd/ yyyy/MM/dd等）、日期+时间、最小日期、最大日期、日期时间段4.业务字段：url、email、phone、ipv原创 2016-12-10 15:03:27 · 4364 阅读 · 0 评论 -
Chart.Js轻量级HTML5图表插件
1.中文文档：http://www.bootcss.com/p/chart.js/docs/官网地址：http://www.chartjs.org/Git地址：https://github.com/chartjs/Chart.js2. 小巧而轻便的的图表插件，缺点是支持的图形类型较少，数据交互功能也非常有限，但作者以后可能会逐渐完善。原创 2016-10-29 17:03:48 · 4863 阅读 · 0 评论 -
validateform.js表单验证工具
官网地址：http://validform.rjboy.cn/配置说明：http://validform.rjboy.cn/document.html#config优点：只要每个需要验证的对象都有了datatype这个属性，其他的没有也可以检测，这点对于动态生成的表单来说十分的友好。不用再像jquery.validate.js那样为每个对象都绑定一个不重样的name原创 2016-10-13 14:26:26 · 3745 阅读 · 0 评论 -
SWFUpload插件-flash上传工具
详细文档说明：http://www.runoob.com/w3cnote/swfupload-document.htmlAsp.Net Demohttp://www.jb51.net/article/67385.htm原创 2016-10-13 14:35:12 · 697 阅读 · 0 评论 -
Highcharts的基本属性和方法详解
官方API：http://www.hcharts.cn/api/index.php转载自：明凯博客Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。目前HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。Hig转载 2015-07-24 10:08:50 · 4117 阅读 · 0 评论 -
鼠标滚轮事件----jquery-mousewheel
1.浏览器兼容性问题Firefox 鼠标滚轮向上滚动是-3，向下滚动是3IE 鼠标滚轮向上滚动是120，向下滚动是-120Safari 鼠标滚轮向上滚动是360，向下滚动是-360Opera 鼠标滚轮向上滚动是120，向下滚动是-120Chrome 鼠标滚轮向上滚动是120，向下滚动是-120 2.jquery-mousewheeljquery插件默认是不支原创 2015-07-18 10:23:05 · 13175 阅读 · 0 评论 -
jQuery插件 -- Cookie插件
Cookie是网站设计者放置在客户端的小文本文件。Cookie能为用户提供很多的使得，例如购物网站存储用户曾经浏览过的产品列表，或者门户网站记住用户喜欢选择浏览哪类新闻。 在用户允许的情况下，还可以存储用户的登录信息，使得用户在访问网站时不必每次都键入这些信息使用方法：1.引入jquery.cookie.js2.将cookie写入文件[javascript]原创 2015-07-18 10:10:29 · 1005 阅读 · 0 评论 -
jquery.form
译自：http://www.malsup.com/jquery/form/ 下载和说明：https://github.com/malsup/form简介 jQuery Form Plugin可以简便且隐式地使用AJAX改善HTML表单（Form）。主要的函数ajaxForm和ajaxSubmit从表单元素中收集信息然后决定如何管理提交过程。这两个函数都支持很多的选项，它们可以使转载 2014-12-30 09:46:38 · 680 阅读 · 0 评论 -
基于Bootstrap的jQuery slider插件的使用bootstrap-slider.js
一、插件介绍这是一款在原生bootstrap slider的基础上制作效果非常炫酷的jQuery slider插件。该slider插件可以自定义slider的颜色、形状、透明度和tooltip等属性，美化的效果非常好二、简单Demo1.引用 2.HTML，css定义 #ex1Slider .slider-原创 2016-11-01 09:18:44 · 44195 阅读 · 11 评论 -
JQuery的表单验证之JQuery.validate插件
特别说明：JQuery.validate默认情况下1.J dateISO支持‘yyyy-MM-dd’格式2.对于远程验证，服务器相应格式需要为true或者false，这样的话不能带其他参数3.对于远程验证，没有进度条提示，这样不够友好。4.默认不支持手机号，电话等5.优点对于数字类型、字符串长度、是否相等、url、邮箱比较好用6.支持select，checkbox，原创 2016-12-01 17:14:26 · 868 阅读 · 0 评论 -
echarts(国产)基于html5-canvas的开源图表绘制组件
官网地址： http://echarts.baidu.com/echarts2/index.htmlGit地址：https://github.com/ecomfe/echartsEcharts是百度前端团队做的基于html5-canvas的开源图表绘制组件。 几个特性如下： 拖拽重计算：拖拽重计算特性（专利）带来了数据统计图表从未有过原创 2016-10-29 14:53:56 · 4287 阅读 · 0 评论 -
Google Code Prettify，代码高亮的JS库
一、code-prettify介绍1.prettify.js是Google的一款代码高亮插件。2.他又js代码和css代码构成，用来高亮显示HTML页面中的源代码。3.支持：C, Java, Python, Bash, HTML, XML, Javascript, Makefiles, Ruby, PHP, Awk, Perl, Basic, Clojure, CSS, Dart, E原创 2017-08-14 18:45:14 · 11217 阅读 · 1 评论 -
jquery.qrcode.js生成二维码插件&转成图片格式
1.qrcode其实是通过使用jQuery实现图形渲染，画图，支持canvas（HTML5）和table两种方式，github源码地址：https://github.com/jeromeetienne/jquery-qrcode2.使用实例：插件引用 简单实例1： //任意字符串 生成二维码 //默认使用Canvas画图原创 2016-04-23 14:17:45 · 43143 阅读 · 4 评论