51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

jquery阻止后续事件只执行第一个事件

jquery阻止后续事件只执行第一个事件

厉飞雨 阅读(6) 评论(0) 赞(0)

有时候会遇到 同一个标签上点击后有多个事件,如果只想执行第一个事件而放弃后面的事件,可以加上一段代码来阻止: ``` <span onclick="alert('后面的不会执行了!');event.stopPropagation();">click me!</span> ``` <br />

jQuery的图片滑块焦点图插件整理推荐

jQuery的图片滑块焦点图插件整理推荐

厉飞雨 阅读(6) 评论(0) 赞(0)

1.jQuery实现的右侧选项卡焦点图片轮播动画 jQuery实现的右侧选项卡焦点图片轮播动画特效源码,是一段清新可爱的焦点图轮播代码,支持自动轮播与手动点击,是一段不错的焦点图切换代码。 ![](http://static.51tbox.com/static/2024-11-23/col/3169488392cae68d3a85dc979dfc3558/eab9a1eb8...

jQuery对于显示和隐藏等常用状态的判断方法

jQuery对于显示和隐藏等常用状态的判断方法

厉飞雨 阅读(8) 评论(0) 赞(0)

本文实例讲述了jQuery对于显示和隐藏等常用状态的判断方法。分享给大家供大家参考。具体方法如下: 显示:show() display:block; 隐藏:hide() display:none; 当显示和隐藏切换的时候,需要判断此刻是显示还是隐藏,那判断条件常用以下几种方法: 1. ++复制代码++ 代码如下: if(thisNode.is(':hid...

jquery学习笔记二 实现可编辑的表格

jquery学习笔记二 实现可编辑的表格

厉飞雨 阅读(6) 评论(0) 赞(0)

**实现可编辑的表格demo:** 实例图: ![](http://static.51tbox.com/static/2024-11-23/col/47fa7dee72d3a5b88c6454454fb5c931/20dff0fc83cd40458bde64cdae29c413.jpg.jpg) 代码: ++复制代码++ 代码如下: \<!DOCTYPE...

jquery+json实现的搜索加分页效果

jquery+json实现的搜索加分页效果

厉飞雨 阅读(6) 评论(0) 赞(0)

1.Web 里面有三个目录:   1.1 content.htm    //这个文件直接运行就行   1.2 js          //这里面有用到的几个js 文件,其中 以db 开头的就是数据源(就是json 串)   1.3 css         //css 就不用说了 2. 直接运行 content.htm 就可以直接打开查看分页和搜索效果了 ...

jQuery 选择器理解

jQuery 选择器理解

厉飞雨 阅读(8) 评论(0) 赞(0)

**$的选择器部分:** 凡是运用$,其返回值是一个object $选择器主要用于选择标签.基本用法是同css的选择器.但是,很让人兴奋的是,他支持常见的浏览器,而css中很多选择器是IE6所不支持的. 1.基本选择器(3种): ----凡是运用$,其返回值是一个object $("标签名"),如$("p")是选取...

jquery 插件实现图片延迟加载效果代码

jquery 插件实现图片延迟加载效果代码

厉飞雨 阅读(5) 评论(0) 赞(0)

减少了页面加载的时间了,也减轻了服务器的压力,看了一下javascript源码,里面写的了lazyload,我就百度了一下,找到了一个jquery的实现这种效果的插件:jquery.lazyload,一个很不错的插件。 比如你打开一个比较大或者长的网页,那么Lazy load能够实现先加载您所看到区域的图片,等你滚动到哪里,就加载那里的图片。 如果你是图片网站,而且...

结构/表现/行为完全分离的选项卡(jquery版和原生JS版)

结构/表现/行为完全分离的选项卡(jquery版和原生JS版)

厉飞雨 阅读(6) 评论(0) 赞(0)

关于思路,和常规选项卡思路一样.点击选项菜单,突出显示,并显示对应的选项.本文实例中主要是通过判断点击菜单在菜单列表中的索引位置来显示或隐藏选项区.原生js还有很多种实现方法(蓝色理想中搜索),为了与jQ版思路保持一致,本文实例用的是循环判断. 详见注释. 另有几点说明: 1. 通过本文DEMO演示,可以很明显的看到原生JS的window.onload=functi...

jquery下json数组的操作实现代码

jquery下json数组的操作实现代码

厉飞雨 阅读(6) 评论(0) 赞(0)

今天试过json\[i\].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,查阅了下相关JS中数组的操作一试果然很爽。 记录下来。 1、数组的创建 ++复制代码++ 代码如下: var arrayObj = new Array(); //创建一个数组 var arrayObj = ...