jQuery 工具类库集锦
备注:待验证。
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、以下待验证、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
今天度娘发现这个内容,原来我一直做的都能直接有函数方法,汗死姐了。
jQuery.postJSON()
我不明白为何 jQuery 没有把这个方法加进去,虽然他们有 $.getJSON 方法。
$.postJSON(
"/put/path/here",
{val1: "Cheetos", val2: "Nachos"},
function(response){ //on success do something }
);
jQuery.stop()
这个方法是用来停止事件传递的。它接受两个参数,preventDefault 和 stopPropgation。
$.stop(event, preventDefault, stopPropagation);
$("#container").click(function(e)
{
$.stop(e, true, true);
});
jQuery.shuffleArray()
这个我用的不多,但是很好用,它可以随机的打乱一个数组。
$.shuffleArray([1,2,3,4,5,6,7]); //potential output: [1,3,5,7,2,4,6]
jQuery.reload()
这个函数就是“window.location.reload(true)”的缩写。
$.reload();
jQuery.uri()
这个函数可以解析 URL 的 URI 部分,可以通过 index 的方式访问,从1开始。
http://www.domain.com/this/domain/rocks $.uri(1); //will output this
$.uri(3); //will output rocks
jQuery.URLParams()
这个函数我起码写过100遍。
http://www.domain.com/this/domain/rocks?param=fantastic&test=awesome#websanova $.URLParams(); // {param: 'fantastic', test: 'awesome'}
$.URLParams('test'); // awesome
jQuery.URLHash()
这个函数类似 URLParams,但是它返回的是 URL 中的 “#” 部分,如果有的话。
http://www.domain.com/this/domain/rocks?param=fantastic&test=awesome#websanova $.URLHash(); // websanova
jQuery.hexToRGB()
这个函数也很好用,它接受一个十六进制的数字,或者RGB字符串,相互转换,非法数据会返回 false。
$.hexToRGB("#FF3388"); // rgb(255,51,136)
$.hexToRGB("#F38"); // rgb(255,51,136)
$.hexToRGB("#ZZ3388"); // false
$.hexToRGB("F38A"); // false $.hexToRGB("rgb(22,67,234)"); // #1643EA
$.hexToRGB("rgb(22,67,274)"); // false
$.hexToRGB("rgb(22,67)"); // false
jQuery.base64Encode()
将 UTF-8 的字符串用 base64 编码。
$.base64Encode("encode this string"); // ZW5jb2RlIHRoaXMgc3RyaW5n
jQuery.base64Decode()
base64 解码,同样也是 UTF-8 编码。
$.base64Decode("ZW5jb2RlIHRoaXMgc3RyaW5n"); // encode this string
jQuery.utf8Encode()
将 String 转换成 UTF-8 编码的,主要用于上面提到的 base64Encode 函数。
$.utf8Encode("utf8 encode this");
jQuery.utf8Decode()
UTF-8 解码。
$.utf8Decode("utf8 encode this");
.removeClassRegEx()
这个方法真是太好用了,可以移除指定元素的指定 class。
<div class="test testing leavemealone hellotest Tester"></div> $("#container").removeClassRegEx(/test/i); //class="leavemealone"
$("#container").removeClassRegEx(/test/); //class="leavemealone Tester"
$("#container").removeClassRegEx(/^test/i); //class="leavemealone hellotest"
$("#container").removeClassRegEx(/test$/); //class="testing leavemealone Tester"
.hasClassRegEx()
和 removeClassRegEx 类似,这个方法检查指定元素是否有指定的 class。
<div class="test testing leavemealone hellotest Tester"></div> $("#container").removeClassRegEx(/test/i); // true
$("#container").removeClassRegEx(/test/); // true
$("#container").removeClassRegEx(/^test/i); // true
$("#container").removeClassRegEx(/test$/); // true
$("#container").removeClassRegEx(/^testy$/); // false
.maxChars()
这个函数对那些没有“maxlength”属性的input元素就很有用。它也可以指定一个元素来显示剩余字符。
$("input").maxChars(50);
$("input").maxChars(50, $("#maxChars_counter"));
Object.sizeof()
这个方法是 JavaScript 的一个扩展,可以让你获取对象的长度。
{cow: "moo", duck: "quack"}.sizeof(); // 2
String.capitalize()
这是 String 对象的一个扩展,可以把一个字符串变成大写的。
"test".capitalize(); // Test
String.pxToInt()
这个方法用了很多,特别是在我返回一个 CSS 属性的时候,我希望得到一个整数。
"210px".pxToInt(); //210
$("container").css('height').pxToInt(); // 400
jQuery 工具类库集锦的更多相关文章
- 5个最顶级jQuery图表类库插件-Charting plugin
转载: http://www.cnblogs.com/chu888chu888/archive/2012/12/22/2828962.html 作者:Leonel Hilario翻译:Terry li ...
- 从零开始学习jQuery (九) jQuery工具函数
一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 我们经常要使用脚本处理各种业务逻辑, 最常见的就 ...
- 编写更少量的代码:使用apache commons工具类库
Commons-configuration Commons-FileUpload Commons DbUtils Commons BeanUtils Commons CLI Commo ...
- jquery常用代码集锦
1. 如何修改jquery默认编码(例如默认GB2312改成 UTF-8 ) 1 2 3 4 5 $.ajaxSetup({ ajaxSettings : { contentT ...
- 尝试造了个工具类库,名为 Diana
项目地址: diana 文档地址: http://muyunyun.cn/diana/ 造轮子的意义 为啥已经有如此多的前端工具类库还要自己造轮子呢?个人认为有以下几个观点吧: 定制性强,能根据自己的 ...
- Python全栈-JavaScript】jQuery工具
jQuery工具 一.jQuery.browser.version 显示当前 IE 浏览器版本号. if ( $.browser.msie ) alert( $.browser.version ); ...
- Flutter 常用工具类库common_utils
地址:https://pub.flutter-io.cn/packages/common_utils#-readme-tab- Dart常用工具类库 common_utils 1.TimelineUt ...
- JSON工具类库: alibaba/fastjson 使用记录
JSON工具类库: alibaba/fastjson 使用记录 一.了解JSON JSON标准规范中文文档: http://www.json.org/json-zh.html 最佳实践:http:// ...
- Java_图片处理_02_图片处理工具类库
二.参考文档 1.Java图片处理工具类库
随机推荐
- 互联网保险O2O平台微服务架构设计(转)
非常感谢http://www.cnblogs.com/skyblog/p/5044486.html 关于架构,笔者认为并不是越复杂越好,而是相反,简单就是硬道理也提现在这里.这也是微服务能够流行的原因 ...
- Ensemble Approaches分类技术
所谓ensemble learning,简单来说,是指综合多种基础模型或弱分类器来完成最终的决策的机器学习方法. Bagging和Boosting(之前所提到的Adaboost)都属于这类方法. Co ...
- 【转】C++析构函数为什么要为虚函数
注:本文内容来源于zhice163博文,感谢作者的整理. 1.为什么基类的析构函数是虚函数? 在实现多态时,当用基类操作派生类,在析构时防止只析构基类而不析构派生类的状况发生. 下面转自网络:源地址 ...
- Notes of Linked Data concept and application - TODO
Motivation [反正债多了不愁,再开个方向.] Data plays a core role in most business systems, data storage and retrie ...
- CollectionsAPI
鉴于总用,总结一下: 类别 方法 查找 binarySearch. 返回 enumeration.checkedSortedMap 判断 max.min 移动 reverse(List).revers ...
- 一个textview实现文字在图片上面的效果
类似于这样的,其实很简单,可是以前用的是imageview+textview.布局实现多写了好多代码.又不能在图片加文字,显得没技术含量. xml代码如下: <TextView android: ...
- ListView滚动到顶部
videoAdapter.notifyDataSetChanged();videoListView.setSelection(0); 注意顺序先notify后setSelection
- springMVC访问静态资源的两种方式
1<mvc:default-servlet-handler/> 2 <mvc:resources mapping="/images/**" location=&q ...
- [luogu P2647] 最大收益(贪心+dp)
题目传送门:https://www.luogu.org/problem/show?pid=2647 题目描述 现在你面前有n个物品,编号分别为1,2,3,--,n.你可以在这当中任意选择任意多个物品. ...
- Linux系统编程@多线程编程(一)
多线程编程 涉及操作系统原理概念 时间片 进程状态 上下文: 对进程来说,就是进程的执行环境,具体就是各个变量和数据,包括所有的寄存器变量.打开的文件.内存信息等. 进程的写时复制:由于一般 fork ...