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协议的基础上以异步的方式与服务器 ...
随机推荐
- 论山寨手机与Android 【14】3G SmartPhone时代的MTK
分析了SmartPhone的里里外外以后,现在我们可以分析MTK的机遇和挑战了.MTK面临的外部环境在发生变化,变化有两条,一是移动网络从2G演变到3G,二是手机由FeaturePhone演化到Sma ...
- usb驱动开发篇简易介绍
我这里重点的介绍如何写驱动程序,对于一些应用程序我就不做介绍了,因为我对于那些高层的东西写得很少.倘若再讲,有班门弄斧之嫌,呵呵! 作为WIN98和WIN2K推荐的一项新技术来说,USB的驱动程序和以 ...
- Android HandlerThread的用法
HandlerThread 继承自Thread,内部封装了Looper. 首先Handler和HandlerThread的主要区别是:Handler与Activity在同一个线程中,HandlerTh ...
- 理解Java多态
多态又称Polymophism,poly意思为多,polymophism即多种形态的意思.一种类型引用因为指向不同的子类,表现出不同的形态,使用不同的方法. 什么是多态 多态建议我们编码时使用comm ...
- Facebook有两名重要经理离职 有一位将加入阿里
据报道,Facebook将有两名重要经理离职,分别是领导视频广告产品的产品经理和企业沟通团队经理. 这是该仍在迅速增长的公司最新的人员离职情况.Facebook计划今年大幅扩张人员规模. 知情人士称, ...
- kubuntu/ubuntu下安装fcitx输入法
1.添加fcitx源(官方的源是旧版,不推荐使用) sudo gedit /etc/apt/sources.list 在sources.list文件中尾部添加: deb http://ppa.laun ...
- auto_ptr 要点解析
今天看了auto_ptr类的用法,又仔细看了看C++标准库中的符合标准的auto_ptr类别的实作,觉得自己基本上理解了auto_ptr的原理,下面就我的心得写几句,有不正确的地方,希望多多指教. 1 ...
- JSON、XML 解析
iOS开发--XML/JSON数据解析 不错的文章http://www.jianshu.com/p/a54d367adb2a
- Ubuntu14.04(64位)安装ATI_Radeon_R7_M265显卡驱动
电脑型号:Dell inspiron 14-5447 笔记本 显卡配置:集成显卡Intel核心显卡,Cpu是i5-4210U;独立显卡ATI_Radeon_R7_M265 网上关于ATI/Intel双 ...
- IE6下不能定义1px高度的容器和IE6 双边距
(1)触发的条件---定义一个div,将容器的高度设置成1px (2) 编码得到的结果---在IE6浏览器中,容器的高度不是1px 而是18px (3)出现问题的原因---是因为IE6浏 ...