jQuery
关注
分享
扫一扫
justforuse
做个有情怀的程序员
展开
-
jQuery实现图片轮播效果
图片轮播是一个老生常谈的东西，今天跟着书上写了一个demo。（参考《锋利的jQuery》） 要实现的功能，图片可以向左向右滚动，自动循环播放，并且可以跳转至指定页面。 查看示例 图片滚动效果主要用到的东西就是position:absolute 和 left: 0; overflow：hidden属性，用于定位图片和隐藏显示多余图片。 具体代码可以点开示例链接——查看网页源原创 2016-01-22 00:03:20 · 1418 阅读 · 0 评论 -
jQuery实现逐字打出效果
主要是看了这个 https://www.firecode.io/ 的效果，再加上之前 http://npmjs.org/也有类似的效果，就试着动手自己实现了下。先上效果图吧：演示地址：http://justforuse.github.io/print-literally/demo.html可以看出主要由三部分组成：左侧的静态文本，中部的变化文本，右侧的闪烁光标。左边的部分自然不用说，直接设置就好；右原创 2016-10-14 22:41:39 · 2312 阅读 · 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 · 2956 阅读 · 0 评论 -
jQuery中fade(),show()起始位置的一点小发现
最近在鼓弄主页的时候想要添加一个音乐播放的插件，暂时使用网易与音乐外链播放器，效果是在右下角弹出和消失，于是问题来了：show()和fade()函数是用来显示或者隐藏元素的函数，可以为其传入时间参数，使得函数在多少毫秒内完成。但是出现和消失的起始点在哪里呢？默认的话，是左上角： 但是有的时候要设置元素出现的位置，比如我想让元素以右下角为起始位置，怎么做呢？我也是否然发现但不确定是否是隐藏属性，就是原创 2016-04-12 23:21:10 · 2550 阅读 · 0 评论 -
jQuery对象和dom对象区别和转化
参考链接： http://www.html-js.cn/details/E1KFo7cj.html转载 2016-02-08 21:36:01 · 432 阅读 · 0 评论 -
jQuery Validation中使用remote属性进行异步验证
上篇说了jQuery validation插件的使用，我们平时经常会有这种需求，就是在注册的时候，我们需要异步判断该属性是否已被占用，比如邮箱是否已经被注册？ jQuery validation中remote属性便可以用来完成此功能： rules: { new_stuID: { required: true, digits: true,原创 2016-03-16 21:20:20 · 8055 阅读 · 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 · 6631 阅读 · 0 评论 -
浏览器cannot read property 'msie' of undefined的解决方法
想起以前看到的一个笑话：一个悬崖边上立着个”Warnning”的牌子，悬崖下躺满了程序员。 对于Warnning如果要求不高通常可以忽略，对于浏览器报错真的要注意一下了，否则程序运行不起来啊→_→ 练习demo的时候无论怎么选择js版本还是简化文档内容都无法达到预期效果，于是调用”F12”大法，好吧，看到这么一个错误： Uncaught TypeError: Cannot r原创 2016-02-03 00:04:38 · 13271 阅读 · 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 · 4742 阅读 · 2 评论 -
find()和filter()函数的用法区别
两个函数的作用都是“筛选”出具有指定选择器的元素，区别的话请看代码： <script type="text/javascript"> $(function(){ alert($("div").filter(".test").html()); alert($("div").find(".test").html());原创 2016-02-07 14:25:10 · 921 阅读 · 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 · 7532 阅读 · 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 · 6164 阅读 · 0 评论