
jQuery
樊小书生
前端开发工程师
展开
-
textarea高度自适应
之前虽然写了几篇关于textarea的高度自适应的解决方案,但都不甚满意,最近从Element的源码中得到启示,就自己写了一个textarea高度自适应的jquery插件。所以就有了本篇博客的介绍: autoHeightTextarea自适应高度的textarea是一款jquery插件,支持链式调用,支持设置最小行数、最小高度、最大行数和最大高度,在输入文字的时候实现textarea的高度自原创 2018-01-07 17:15:46 · 4754 阅读 · 0 评论 -
Ionrangeslider.js文档API
Ionrangeslider.js是一个不错的,舒适,易于定制的范围滑块,支持自定义皮肤。还支持事件和公共方法,具有灵活的设置,完全可以用CSS改变。它支持触摸的设备,兼容性支持 iPhone, iPad, Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+)。原创 2017-01-19 11:09:26 · 4877 阅读 · 0 评论 -
禁止input输入框的鼠标滚轮事件详解
现代浏览器发展的越来越智能,新增了很多的效果,比如说input输入框,当将其type设置为number的时候,在其获得焦点的时候,滚动鼠标的滚轮可以增加其数值,,但在有些情况的时候并不太适合,比如说在表单中,当表单比屏幕高度大的时候,上面的填完填写下面的内容的时候,一般人都是直接滚动鼠标滚轮来滚动液面,但是如果某个number输入框还在焦点的时候,滚动滚轮会使其数值改变,这个一般都是不希望的,所以需要禁止掉滚动事件。原创 2017-02-18 15:12:34 · 8881 阅读 · 4 评论 -
兼容IE7、IE8、IE9的input type="number"插件
IE11版本好像才兼容input type="number",但是现在Win7版本操作系统下,很多人的IE版本都是IE7/8/9,所以为了体验就自己写了一个小插件,支持设置最大值、最小值、数字间隔。原创 2017-02-18 23:12:33 · 8373 阅读 · 9 评论 -
插件集合
几个比较好的插件地址原创 2017-02-19 21:59:51 · 702 阅读 · 0 评论 -
仿QQ左滑删除
QQ作为现在一个社交软件,其内功能相当强大,并且还有很多人性化的交互,今天主要说的就是仿QQ的左滑删除。首先我们使用的是Snap.js的一个插件,GitHub地址https://github.com/jakiestfu/Snap.js,所有内容都可以从上面看到。原创 2017-07-02 22:43:51 · 994 阅读 · 0 评论 -
简单实现IE9及以下对placeholder的兼容性
placeholder属性的出现使input输入框不再单调,而且可以对用户做一个对输入内容的提醒或者指引,起到了很好的作用。但是 但是IE9及IE9以下不支持这个属性,这就让人很恼火呀,毕竟中国还有好多人用的是IE9及以下浏览器/(ㄒoㄒ)/~~。原创 2017-08-20 18:13:46 · 13977 阅读 · 0 评论 -
jquery多css选择器获取指定元素
场景jquery多css选择器获取指定元素,相信你看到这一定会问一个id就搞定的事干嘛扯这么多,但是某些情况下就很无奈呀,就比如今天一哥们问我,一个元素上面有两个class,要怎么获取这个元素,我第一反应也是扔个id上去多好简单粗暴,结果他回答说,这是修改老项目,html不让动,这就很无奈。代码既然使用jquery,那第一反应就是符合属性选择器喽~[selector1][s...原创 2018-04-13 21:04:38 · 7970 阅读 · 0 评论 -
fxss-rate评分插件
介绍fxss-rate评分插件是基于jQuery的插件,支持全星、半星、小数星、未选中星等多种显示样式,并且支持评分操作,不过操作评分的时候仅支持全星评价。demo地址:http://www.fxss5201.cn/project/plugin/fxss-rate/ github地址:https://github.com/fxss5201/fxss-rate ,如果感觉不错的话点个Sta...原创 2018-08-29 19:07:14 · 790 阅读 · 0 评论 -
Ionrangeslider.js的使用
Ionrangeslider.js是一个不错的,舒适,易于定制的范围滑块,支持自定义皮肤。还支持事件和公共方法,具有灵活的设置,完全可以用CSS改变。它支持触摸的设备,兼容性支持 iPhone, iPad, Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+)。这里主要介绍使用,API之后会补上。原创 2017-01-18 23:07:11 · 12333 阅读 · 3 评论 -
jQuery.cropper中文API详解
jQuery.cropper是一款使用简单且功能强大的图片剪裁jQuery插件。该图片剪裁插件支持图片放大缩小,支持图片旋转,支持触摸屏设备,支持canvas,并且支持跨浏览器使用。转载 2016-10-09 10:27:34 · 59945 阅读 · 9 评论 -
input搜索框
input搜索框输入内容删除按钮出现,内容删除完毕删除按钮隐藏和搜索框内的内容输入完毕按回车进行搜索的两个功能。原创 2017-01-11 19:31:09 · 2794 阅读 · 0 评论 -
省 市 区 三级联动
采用jquery代码编写的省 市 区 三级联动原创 2016-08-02 13:05:06 · 1011 阅读 · 0 评论 -
jquery.Jcrop API详解
Jcrop是一个jQuery图片裁剪插件,它能为你的WEB应用程序快速简单地提供图片裁剪的功能。特点如下:对所有图片均unobtrusively(无侵入的,保持DOM简洁)支持宽高比例锁定支持 minSize/maxSize设置支持改变选区或移 动选区时的回调(Callback)支持用键盘微调选区通过API创建互动,比如动画效果支持CSS样式原创 2016-10-08 15:36:10 · 4713 阅读 · 5 评论 -
jQuery中.attr()和.removeAttr()的详解
jQuery中.attr()和.removeAttr()的详细介绍,jQuery的方法重在理解,变通使用。原创 2016-09-08 10:38:11 · 26019 阅读 · 0 评论 -
实时监听input中值变化oninput & onpropertychange
在 Web 开发中经常会碰到需要动态监听输入框值变化的情况,如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话,监听不了右键的复制、剪贴和粘贴这些操作,处理组合快捷键也很麻烦。因此这篇文章向大家介绍一种完美的解决方案:结合 HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件来监听输入框值变化。原创 2016-10-15 14:41:58 · 2106 阅读 · 0 评论 -
js获取修改title与jQuery获取修改title
js获取修改title与jQuery获取修改title的方法详解原创 2016-10-19 15:33:30 · 80363 阅读 · 0 评论 -
jQuery使用中的一些注意事项(一)
.position()和.offset()在使用中的一些注意事项原创 2016-10-20 15:26:21 · 1095 阅读 · 0 评论 -
滚动条滑到底部进行刷新
基于jQuery的scroll事件来实现滚动条到达最低部,进行刷新主要原理是当滚动条卷起的高度加上屏幕或者设备的高度的和大于等于文档的高度的时候进行刷新原创 2016-08-10 23:14:03 · 994 阅读 · 0 评论 -
使用伪元素简单实现input框的判断√×
一些表单中的输入框输入之后会进行判断,会在input框之后以√×来表示判断的结果,下面我使用伪元素来简单的实现这个功能。原创 2017-02-05 21:18:49 · 2705 阅读 · 0 评论 -
window.onload和$(document).ready()的区别
window.onload和$(document).ready()的区别原创 2016-08-18 19:24:09 · 523 阅读 · 0 评论