前端开发过程中,瀑布流大家都会遇到,接下来为大家推荐几款实用的jQuery“瀑布流”插件,希望对你们有所帮助!1.Masonry(用jQuery Masonry 插件创建瀑布流式的页面;支持兼容)2.waterfall(一款仿Pinterest网站的响应式无限动态加载图片瀑布流特效jQuery插件。该瀑布流特效使用ajax调用来动态加载图片,达到无限加载的效 ......
587
0
0
2022-05-16
网络上的 jQuery 时间选择插件很多,找不到满意的,就看这里。此文为大家推荐几款不错的 jQuery 时间选择插件。1.Combodate(一个jQuery插件创建下拉日期时间选择器。)2、Timepicker(一个jQuery插件帮助用户轻松输入时间条目。它允许用户类型次自由格式或选择从下拉菜单。)3、Timepicki(自由时间选择器的jQuery插 ......
373
0
0
2022-05-15
作为火了十多年的老牌明星类库jQuery, 相信做前端的小伙伴肯定都或多或少的使用和追捧过,当然我也不例外, 作为第一个学习的js类库,我曾经也觉得它是真正的唯一, 帮助你处理恶心的浏览器CSS/JS等兼容性问题, 而我只需要关注实际的业务逻辑即可, 简单, 快速和高产是jQuery早期的几个重要标签分享之前我还是要推荐下我自己的前端群:524262608, ......
273
0
0
2022-05-12
首先我们要明确数据绑定的定义:数据绑定指的是将一个用户界面元素(控件)的属性绑定到一个类型(对象)实例上的某个属性,当对象的属性发生变化时能够同时改变对应的UI。在不了解原理就直接使用过前端框架的开发者眼中,数据绑定的效果即是某个变量和某个输入框的数据能保持同步,一者变另一者随之改变,这种效果用简单的js语句即可实现,1是当变量改变时将变量赋值给输入框,2是 ......
364
0
0
2022-05-12
分享一款jQuery表格插件,今天我要介绍的不是DataTables,而是相对没有那么出名的jqGrid,它基于jquery UI主题,同时也支持Bootstrap,能够根据需求使用不同主题。兼容目前主流浏览器,有丰富的配置项和方法事件接口,能够轻松应对一般的表格需求,功能强大,扩展方便,支持多语言。1、下载及引入jqGridhttps://github.c ......
272
0
0
2022-05-08
1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字Hide when clicked in the search field, the value.( ......
242
0
0
2022-05-05
jQuery File Upload是一个开源(MIT协议)的文件上传插件。支持文件上传、多文件选择窗口、拖拽上传,提供进度条、验证和预览图像、音频、视频的功能。支持跨域、分块和可暂停的文件上传及客户端图像调整。适用于任何服务器端平台(PHP、Python、Ruby on Rails、Java、Node.js、Go etc等),支持标准的HTML表单文件上传 ......
426
0
0
2022-05-05
DataTables是一个基于jQuery库的开源(MIT协议)表格插件,支持添加、排序、分页、搜索、过滤等功能,使用简单、广受欢迎,能够与主流前端UI整合(如bootstrap、jQuery UI等)。支持4种方式数据源,HTML(DOM)来源的数据、Ajax数据源、JavaScript的源数据、服务器端处理。拥有广泛的配置选项和丰富的API文档。1、下载 ......
267
0
0
2022-05-05
相信大家都见过或使用过放大镜效果,甚至实现过该效果,它一般应用于放大查看商品图片,一些电商网站(例如:凡客,京东商城,阿里巴巴等)都有类似的图片查看效果。 在接下来的博文中,将向大家介绍通过jQuery实现放大镜效果。实现原理首先,我们讲解一下放大镜效果的实现方式:方法一:准备一张高像素的大图,当鼠标放到原图上,加载显示大图的对应位置。方法二:对原图片进行放 ......
197
0
0
2022-05-05
其核心是利用将图片读取成同样大小的base64字符。1、未上传图片未上传的效果2、上传图片后的预览效果上传图片后的预览效果jQuery核心代码: <script> $('.a').change(function(e) { var purl = window.URL || window.webkitURL; ......
226
0
0
2022-05-05
在一些场景中,我们需要实现这样的场景:当网页滚动距顶部一定高度时某个div隐藏或者悬浮展示。可以通过jQuery滚动事件,结合jQuery操作CSS类的相关函数,实现此类场景。比如,这有一个文章专题页面,左侧是专题板块,属于锚点链接,右侧是一些文章板块的堆积,页面高度经常会超出了显示器的可视高度,需要滚动或者点击锚点进行好看,往下滚动时左侧板块导航也就随着往 ......
246
0
0
2022-05-03
JQuery有非常多的选取节点的方法,但是采用这些方法选取节点时所影响到的性能是完全不一样的,用更合适的选择器去选取节点,是使用JQuery时优化浏览器性能的一个可考虑方向。首先,我们的建立一个有着复杂样式的无序列表。调用浏览器时间调试工具,建立测试函数:我们采用选取循环50000次的无序列表中的一个方法,来测试每个选择器对于浏览器的响应性能的影响。1、将选 ......
261
0
0
2022-05-01
“小白!今天我们开始学习怎么使用jQuery,jQuery是一个非常强大的js框架,在做网页功能的时候配合jQuery你会发现对网页上的容器控制变得很简单,这会让你一直保持学习的动力。所以我准备让你先学习引入jQuery,然后对容器进行一些基础操作,再配合js的一些知识循序渐进的进行深入学习。好了现在打开你的webStorm的mylearn项目吧!”“myl ......
218
0
0
2022-04-29
mark.js很多时候我们的网页中可能需要做全文搜索的功能,自己写也是可以的,但是你不得不要熟悉正则,还要考虑性能、效果......不如我们节省下这个精力和脑力,来试试这款功能强大,性能优异的插件mark.js简介:mark.js是一款js的文本高亮插件。它可以用来动态地标记搜索词或自定义正则表达式,并为您提供一些内置选项,如:动态支持、独立的单词搜索、自定 ......
210
0
0
2022-04-24
看效果:实现这样的效果用到了一个jQuery插件:table-fixed-header。这里介绍一下这个小插件的用法。首先先去github里把代码下载下来,地址:https://github.com/markmalek/Fixed-Header-Table。解压如图:可以参考demo里的用法,然后将代码移植到自己的项目中。注意table的格式为:<ta ......
230
0
0
2022-04-22