JQ工具函数运用
1.把对象转换为字符串
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="../Scripts/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function () {
$("button").click(function () {
var option = {
user: "wangqiang",
pass:"123456789"
}
var str = jQuery.param(option);
$("#result").text(str);
})
})
</script>
<title></title>
</head>
<body>
<button>定义序列化字符串</button>
<div id="result"></div>
</body>
</html>
2.处理字符串（去除空格）
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="../Scripts/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function () {
$("button").click(function () {
var str = " ";
alert(str.length);
str = jQuery.trim(str)
alert(str.length);
}) })
</script>
<title></title>
</head>
<body>
<div> <button> 修剪字符串</button>
</div>
</body>
</html>
3.对数组和集合进行迭代
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="../Scripts/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function () {
var a = [
{ width: 400 },
{ height: 300 }
];
jQuery.each(a,function(name,value)
{
if (name > 0) return false;//只进行一次循环即退出 需要退出each循环，返回一个false就可以了
alert(name+="="+value);
}) })
</script>
<title></title>
</head>
<body> </body>
</html>
4.对数组进行筛选
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="../Scripts/jquery-1.9.1.js"></script>
<script type="text/javascript">
//筛选数组
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr = jQuery.grep(arr, function (value, index) {
return value >= 5;
})
alert(arr);
//转换数组
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr = jQuery.map(arr, function (elem) {
return elem * 2 > 5 ? elem * 2 : null;
})
alert(arr);
//合并数组
var arr1 = [1, 2, 3, ["a", "b", "c"]];
var arr2 = [4, 5, 6, [7, 8, 9]];
arr3 = jQuery.merge(arr1, arr2);
alert(arr1);
alert(arr1.length);//
alert(arr3);
alert(arr3.length);
</script>
<title></title>
</head>
<body> </body>
</html>
5.检测用户代理
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="../Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript">
$(function () {
var brower = $.browser;
var temp = "";
for (var name in brower)
{
if (brower[name] == true) {
temp += name + "=" + brower[name] + "当前浏览器是：" + name;
}
else { temp += name + "=" + brower[name];
}
}
$("div").html(temp);
})
</script>
<title></title>
</head>
<body>
<div></div>
</body>
</html>
6.判断是否是数组类型
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="../Scripts/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function () {
var a = [
{width:400},
{height:300}
];
if (jQuery.isArray(a))
alert("变量a是数组"); })
</script>
<title></title>
</head>
<body> </body>
</html>
7.生成数组
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="../Scripts/jquery-1.9.1.js"></script>
<script type="text/javascript">
var arr = jQuery.makeArray($("li").val);
alert(arr);
$("ul").html(arr.reverse()); </script>
<title></title>
<style type="text/css"></style>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
</body>
</html>
JQ工具函数运用的更多相关文章
- JQ工具函数
在jQuery中,工具函数是指直接依附于jQuery对象,针对jQuery对象本身定义的方法,即全局性的,我们统称为工具函数,或Utilites函数 主要作用于:字符串.数组.对象 API:工具函数 ...
- jQuery源码分析-03扩展工具函数jQuery.extend
// 扩展工具函数 jQuery.extend({ // http://www.w3school.com.cn/jquery/core_noconflict.asp // 释放$的 jQuery 控制 ...
- JQuery中的工具函数总结
前提引入 前提当然也是要引入Jquery啦... <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" typ ...
- 五、jquery使用工具函数
工具函数对应的网址在 http://api.jquery.com/categouy/utilities/ 工具函数处理对象的不同,可以将其分为几大类别:浏览器的检测.数组和对象的操作.字符串的操作 ...
- jQuery工具函数（转）
原文地址:http://www.cnblogs.com/kissdodog/archive/2012/12/27/2835561.html 作者:逆心 ------------------------ ...
- jQuery实用工具函数
1. 什么是工具函数 在jQuery中,工具函数是指直接依附于jQuery对象.针对jquery对象本身定义的说法,即全局性的函数,我们统称为工具函数,或Utilities函数.它们有一个明显的特征, ...
- javascript工具函数
第一部分 JavaScript工具函数 转义特殊字符为html实体 HtmlEncode: function(str){ return str.replace(/&/g, '&') ...
- 读<jQuery 权威指南>[6]--实用工具函数
官方地址:http://api.jquery.com/category/utilities/ 一.数组和对象操作 1. $.each——遍历 $.each(obj,function(param1,pa ...
- AJAX编程-封装ajax工具函数
即 Asynchronous [e'sɪŋkrənəs] Javascript And XML,AJAX 不是一门的新的语言,而是对现有技术的综合利用.本质是在HTTP协议的基础上以异步的方式与服务器 ...
随机推荐
- Memcached管理与监控工具 memAdmin
http://www.junopen.com/memadmin/ 使用MemCached以后,肯定希望知道cache的效果,对于MemCached的一些运行状态进行监控是必要的,memcached提供 ...
- JQuery window、document、 body
我电脑屏幕分辨率:1440 * 900 最大化浏览器,刷新浏览器 alert($(window).width() + "---" + $(window).height()); ...
- Android APN配置
APN概念 APN(Access Point Name),即“接入点名称”,用来标识GPRS的业务种类,目前分为两大类:CMWAP(通过GPRS访问WAP业务).CMNET(除了WAP以外的服务目前都 ...
- HttpHelps类，用来实现Http访问，Post或者Get方式的，直接访问，带Cookie的，带证书的等方式，可以设置代理
原文地址:http://blog.csdn.net/cdefg198/article/details/8315438 万能框架:http://www.sufeinet.com/forum.php?mo ...
- uva10934 Dropping water balloons
//好久没做题 一直没状态 然后刷了个水题玩玩 //寒假集训和校赛都做到了类似的题目 然而当时并不会 (其实现在也不会 题意:有k个气球和一个n层高的楼,气球有硬度,在某曾会恰好摔碎,问至少多少次实验 ...
- 拓扑排序(TopologicalSort)算法
拓扑排序算法应用: 有些事情做都需要按照流程的去做,比如你准备约你小女友去影院看速度与激情7大片,首先你想的是我怎么到达影院,然后达到影院,你可以先买票,或者等小女友来了一起买票,然后一起进电影大厅. ...
- Android系统移植与调试之------->如何修改Android设备的开机第二阶段Logo
1.修改位置:/home/pyou/mx0831-0525/device/other/TBG1073目录 2.将robot.1024x600.png替换为自己想设置的图片命名必须一致,目录下还有其他不 ...
- Android studio 安装，JDK 出错解决方案
在安装android studio 的时候,会报一个错误: --------------------------- Error launching Android Studio ----------- ...
- Bone Collector(01背包+记忆化搜索)
Bone Collector Time Limit : 2000/1000ms (Java/Other) Memory Limit : 32768/32768K (Java/Other) Tota ...
- sdut 3-5 学生成绩统计
3-5 学生成绩统计 Time Limit: 1000MS Memory limit: 65536K 题目描写叙述 通过本题目练习能够掌握对象数组的使用方法,主要是对象数组中数据的输入输出操作. 设计 ...