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协议的基础上以异步的方式与服务器 ...
随机推荐
- poj3085
#include <stdio.h> #include <stdlib.h> int main() { ; scanf("%d",&n); whil ...
- c++ - How to use wstring and wcout to output Chinese words in Xcode? - Stack Overflow
c++ - How to use wstring and wcout to output Chinese words in Xcode? - Stack Overflow How to use wst ...
- 将Dictionary序列化为json数据 、json数据反序列化为Dictionary
需要引用System.Web.Extensions dll类库 /// <summary> /// 将json数据反序列化为Dictionary /// </summary> ...
- Ubuntu之修改用户名和主机名
记得曾几何时,想把自己电脑的“乌班兔儿”取个响亮的名字,但是问了很久度娘和谷哥,都要我把当前用户删除了(userdel -r xxx),重新建一个用户(adduser xxx),但是,我的电脑是所有环 ...
- javascript高级知识点——闭包
代码信息来自于http://ejohn.org/apps/learn/. 先给出一个权威的定义,函数对象可以通过作用域相互关联起来,函数体内的变量可以保存在函数的作用域内,这种特性称为闭包. 在闭包内 ...
- 将类数组对象(array-like object)转化为数组对象(Array object)
用法:Array.prototype.slice.call(array-like object) // 创建一个类数组对象 var alo = {0:"a", 1:"b& ...
- AJAX应用中必须要掌握的知识!
AJAX是什么? 是Asynchronous Javascript And XML的首字母的缩写, 它不是一门的新的语言,而是对现有技术的综合利用. 其本质是在HTTP协议的基础上以异步的方式与服务器 ...
- [置顶] ubuntu12.04下编译opencv程序
ubuntu12.04下编译opencv程序 1.在ubuntu下安装好 opencv后(建议使用apt-get install 来安装) 2.使用程序FaceExaple.c来进行测试程序 #inc ...
- java泛型问题 关于警告：XX is a raw type
(本文例子适用于JDK 5.0, 学习请先安装并配置!!!) 我们从一个简单的例子开始:假设我们现在需要一个专用来存储字符串的List,该如何实现?呵呵,这还不简单,且看如下代码: ...
- MVC+JSON 无限滚动翻页
public partial class News { public int ID{ get; set; } public int Title{ get; set; } } ) { Response. ...