![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
justforuse
做个有情怀的程序员
展开
-
jQuery实现图片轮播效果
图片轮播是一个老生常谈的东西,今天跟着书上写了一个demo。(参考《锋利的jQuery》) 要实现的功能,图片可以向左向右滚动,自动循环播放,并且可以跳转至指定页面。 查看示例 图片滚动效果主要用到的东西就是position:absolute 和 left: 0; overflow:hidden属性,用于定位图片和隐藏显示多余图片。 具体代码可以点开示例链接——查看网页源原创 2016-01-22 00:03:20 · 1390 阅读 · 0 评论 -
jQuery实现逐字打出效果
主要是看了这个 https://www.firecode.io/ 的效果,再加上之前 http://npmjs.org/也有类似的效果,就试着动手自己实现了下。先上效果图吧:演示地址:http://justforuse.github.io/print-literally/demo.html可以看出主要由三部分组成:左侧的静态文本,中部的变化文本,右侧的闪烁光标。左边的部分自然不用说,直接设置就好;右原创 2016-10-14 22:41:39 · 2265 阅读 · 0 评论 -
也写一个变色方块的游戏
效果图: 游戏逻辑比较简单,点击方块,周围包括自己会颜色翻转,颜色全部翻转就算胜利。演示地址:http://justforuse.github.io/color-block/代码地址:https://github.com/justforuse/justforuse.github.io/tree/master/color-block代码是使用jQuery实现的。难的地方是有没有一种算法可以解开这类的原创 2016-09-16 19:01:29 · 2906 阅读 · 0 评论 -
jQuery中fade(),show()起始位置的一点小发现
最近在鼓弄主页的时候想要添加一个音乐播放的插件,暂时使用网易与音乐外链播放器,效果是在右下角弹出和消失,于是问题来了:show()和fade()函数是用来显示或者隐藏元素的函数,可以为其传入时间参数,使得函数在多少毫秒内完成。但是出现和消失的起始点在哪里呢?默认的话,是左上角: 但是有的时候要设置元素出现的位置,比如我想让元素以右下角为起始位置,怎么做呢?我也是否然发现但不确定是否是隐藏属性,就是原创 2016-04-12 23:21:10 · 2526 阅读 · 0 评论 -
jQuery对象和dom对象区别和转化
参考链接: http://www.html-js.cn/details/E1KFo7cj.html转载 2016-02-08 21:36:01 · 420 阅读 · 0 评论 -
jQuery Validation中使用remote属性进行异步验证
上篇说了jQuery validation插件的使用,我们平时经常会有这种需求,就是在注册的时候,我们需要异步判断该属性是否已被占用,比如邮箱是否已经被注册? jQuery validation中remote属性便可以用来完成此功能: rules: { new_stuID: { required: true, digits: true,原创 2016-03-16 21:20:20 · 8019 阅读 · 1 评论 -
jQuery表单验证插件Validator的使用方法
from表单数据的合法性验证是个很常见的需求,jQuery提供了一个插件:jquery validate 官网下载。 若想使用需先引用jquery.validate.js,并且要在jquery.js之后引用。<script src="js/jquery.js"></script><script src="js/jquery.validate.js"></script> 把现在写的项目拿原创 2016-03-15 23:12:59 · 6592 阅读 · 0 评论 -
浏览器cannot read property 'msie' of undefined的解决方法
想起以前看到的一个笑话:一个悬崖边上立着个”Warnning”的牌子,悬崖下躺满了程序员。 对于Warnning如果要求不高通常可以忽略,对于浏览器报错真的要注意一下了,否则程序运行不起来啊→_→ 练习demo的时候无论怎么选择js版本还是简化文档内容都无法达到预期效果,于是调用”F12”大法,好吧,看到这么一个错误: Uncaught TypeError: Cannot r原创 2016-02-03 00:04:38 · 13219 阅读 · 0 评论 -
jQuery中trigger无法触发hover事件解决方法
做jquery练习的时候需要在外部触发元素的”hover”事件,于是,问题来了:根本没有触发,无论是trigger( )还是triggerHandler( ),查询后得知: Deprecated in jQuery 1.8, removed in 1.9: The name “hover” used as a shorthand for the string “mouseenter原创 2016-01-30 22:57:59 · 4682 阅读 · 2 评论 -
find()和filter()函数的用法区别
两个函数的作用都是“筛选”出具有指定选择器的元素,区别的话请看代码: <script type="text/javascript"> $(function(){ alert($("div").filter(".test").html()); alert($("div").find(".test").html());原创 2016-02-07 14:25:10 · 881 阅读 · 0 评论 -
jQuery中使用attr(), prop(), val()获取value的异同
jQuery中有3个获取元素value值的函数比较相似:attr(), prop(), val();拿来比较一下。 示例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="jquery-2.1.4.js"></script原创 2016-02-05 23:48:55 · 7483 阅读 · 0 评论 -
使用jquery-cookie实现网页“不再提示”功能
很多网站都有“不再显示对话框”的功能,要实现这个功能就需要保存上次关闭时用户是否选中了该选项。我们可以使用jquery-cookie插件来实现。github地址:https://github.com/js-cookie/js-cookie 这里以一个表单元素示例:<script src="../jquery.js"></script><script src="../js.cookie.js"></原创 2016-10-30 22:12:55 · 6116 阅读 · 0 评论