轩枫阁

首页 / 搜索标签: jQuery

表单格式化插件jquery.serializeJSON

前言

前端在处理含有大量数据提交的表单时,除了使用Form直接提交刷新页面之外,经常碰到的需求是收集表单信息成数据对象,Ajax提交。

而在处理复杂的表单时,需要一个一个区手动判断处理字段值,显得非常麻烦。接下来介绍的插件将解决这个问题。

关于serializeJSON

使用jquery.serializeJSON,可以在基于jQuery或者Zepto的页面中,调用 .serializeJSON() 方法来序列化form表单的数据成JS对象。

使用

下载:https://github.com/marioizquierdo/jquery.serializeJSON

只需要在jQuery或者Zepto时候引入即可 查看全文

2016/12 17  周六

jQuery的each中实现continue和break

jQuery中的each函数经常用来遍历DOM元素,在每次执行函数时,都会给函数传递传递当前的index和dom。

查看全文

2016/03 29  周二

jQuery事件绑定方法bind、 live、delegate和on的区别

前言

我们试图绑定一些事件到DOM元素上的时候,我相信上面这4个方法是最常用的。而它们之间到底有什么不同呢?在什么场合下用什么方法是最有效的呢?

准备知识

当我们在开始的时候,有些知识是必须具备的:

DOM树

下图仅仅是一个示例,这是一个在browser环境下的一棵模拟DOM树,在下面的代码中仅起到演示的作用: 查看全文

2015/01 26  周一

PFold-实现纸张展开/折叠效果

前言

这是一个可以使得元素拥有像纸张一样的展开特效来显示更多内容的高度实验性jQuery插件。其中展开方向的步骤和数量都可以用参数指定。

简介

PFold是一个可以使得元素像纸张一样展开效果的高度实验性插件。一个元素使用3D效果来展开展示更多其他内容。这个效果的实现原理是,一个元素有许多层次的折叠,其中每展开一次。元素的高宽都成倍增加,所以可以模仿一张已折叠的纸张的展开效果。

有很多参数提供选择,如每个展开/折叠步骤的方向和步数。

对于不支持CSS 3D transforms 、 transitions的浏览器,这里会提供一个回调的方法,也就是直接显示大页面,没有过渡的效果。

Demo及源码

社招页效果

预览:http://xuanfengge.com/demo/201404/Pfold/

源码:https://github.com/xuanfeng/Pfold

浏览不同配置下的3个demos

查看全文

2014/04 13  周日

jQuery选择器详细解析

1. 基础选择器 Basics

名称 说明 举例
#id 根据元素Id选择 $(“divId”) 选择ID为divId的元素
element 根据元素的名称选择, $(“a”) 选择所有<a>元素
.class 根据元素的css类选择 $(“.bgRed”) 选择所用CSS类为bgRed的元素
* 选择所有元素 $(“*”)选择页面所有元素
selector1, 
selector2, 
selectorN
可以将几个选择器用”,”分隔开然后再拼成一个选择器字符串.会同时选中这几个选择器匹配的内容. $(“#divId, a, .bgRed”)

查看全文

2014/02 16  周日

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子