jquery.extends
为jquery扩展一些额外的、常用的、便捷的、高效的方法及组件
安装
下载/dist/jquery.extends.js
,引入你的页面即可使用;
或者使用npm
进行安装:
npm install jquery.extends
fn.formValue
获取或设置元素内的表单值
$(element).formValue([name, value])
- 不传递参数时,序列化第一个元素内的name属性不为空的子元素的值为一个object,属性是子元素的name值,属性值是子元素的value,返回这个object
- 传递一个参数且类型不是object时,获取name=arg的第一个元素的值并返回
- 传递一个参数且类型时obejct时,寻找元素内name=arg属性名的所有元素,设置元素值为arg对应属性的值,返回jquery.fn
- 传递两个个参数时,设置name=arg1的元素值为arg2,返回jquery.fn
示例
男 女 电影 美食 武侠 历史
;
fn.dataAttr
*获取或设置元素data-属性
$(element).dataAttr([attr, value])
- 不传递参数时,序列化第一个元素的data-属性为一个object,object属性是元素的data- key,object属性值是元素的data-* value,返回这个object
- 传递一个参数且类型不是object时,获取data-attr属性的值并返回
- 传递一个参数且类型时obejct时,设置元素的data-*属性值与object映射,返回jquery.fn
- 传递两个个参数时,设置data-arrt=value,返回jquery.fn
示例
小明
;
fn.attrs
获取元素(如果fn包含多个元素,只返回第一个元素的)所有属性,并转化成一个object返回
$(element).attrs([transformCamel, linkChar])
- 不传递参数时,序列化第一个元素的所有属性,并转化成一个object返回
- 传递transformCamel(boolean)参数时,如果值是
true
,则转化元素属性名称为小驼峰式 - 传递linkChar参数可指定转换驼峰时以哪个链接字符为分隔进行转换,如:
-
示例
;
$.toLowerCamel
转化字符串为小驼峰形式
$.toLowerCamel(str, linkChar)
示例
;
$.toUpperCamel
转化字符串为大驼峰形式
$.toUpperCamel(str, linkChar)
示例
;
$.restoreCamel
转化驼峰形式的字符串为原来的形式,需要传递链接字符进行还原
$.restoreCamel(camelStr, linkChar)
示例
;
更新记录
v0.1.0 (2016/12/19 17:00)
- fn.formValue
- fn.dataAttr
- fn.attrs
- $.toLowerCamel
- $.toUpperCamel
- $.restoreCamel