1、字符串操作

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-1.7.1.js"></script>
<script>
$(function () {
var str = ' u ';
alert($.trim(str));
})
</script>
</head>
<body> </body>
</html>

  

2、$.each()遍历数组和对象

<html>
<head>
<script src="js/jquery-1.7.1.js"></script> </head>
<body>
<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
<div class="box"> </div>
</body>
</html>

  JavaScript

   <script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
var arr = [],
i = 0;
//alert(typeof (lis));
for(;i < $('li').length;i++) {
var lis = $('li').eq(i).html();
arr.push(lis);
}
//alert(arr);
$.each(arr,function (index, content) {
$('.box').html($('.box').html() + (index + 1) + '.' + content + '<br />')
}); });
});
</script>

  

遍历对象

$.each($.ajax(), function (name, fn) {
$('#box').html($('#box').html() + name + '.' + '<br /><br />');
})

  

3、$.grep()数据筛选

 $(function () {
var arr = ['45','2','1','5','24','19'];
var arrGrep = $.grep(arr,function (ele, index) {
return index < 4 && ele > 3;
});
alert(arrGrep);//45,5
})

  

4、$.map()修改数据

<script>
$(function () {
var arr = ['4','6','2','9','11','25'];
var arrMap = $.map(arr,function (element, index) {
if(index < 5 && element < 6) {
return element +'1';
}
});
alert(arrMap);//41,21
})
</script>

  

5、$.inArray()获取查找到元素的下标

<script>
$(function () {
var arr = [4,11,4,5,6,6,7,8,];
var arrInArray = $.inArray(11,arr);
alert(arrInArray);//1
})
</script>

  

6、$.merge()合并两个数组

$(function () {
var arr = [4,11,4,5,6,6,7,8];
var arr2 = [14,111,41,5,6,6,7,8];
var arrMerge = $.merge(arr2,arr);
alert(arrMerge);//14,111,41,5,6,6,7,8,4,11,4,5,6,6,7,8
})

  

7、$.unique()删除重复的 DOM 元素

$(function () {
var divs = $('div').get();
divs = divs.concat($('.box').get());//get() 方法获得由选择器指定的 DOM 元素。concat()方法用于连接两个或多个字符串。
alert($(divs).size()); //size()必须要用jQuery的方法($(divs),而不是divs)
$.unique(divs);
alert($(divs).size());
})

  

8、.toArray()合并多个 DOM 元素组成数组

  $(function () {
var lis = ($('li').toArray());
alert(lis.length);
});

  

jQuery工具函数上的更多相关文章

  1. 从零开始学习jQuery (九) jQuery工具函数

    一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍. 我们经常要使用脚本处理各种业务逻辑, 最常见的就 ...

  2. jQuery 工具函数

    jQuery工具函数 一.$.browser对象属性 属性列表 说明 webkit webkit相关浏览器则返回true,否则返回false,如google,傲游. mozilla mozilla相关 ...

  3. jQuery工具函数(转)

    原文地址:http://www.cnblogs.com/kissdodog/archive/2012/12/27/2835561.html 作者:逆心 ------------------------ ...

  4. 4月13日学习笔记——jQuery工具函数

    浏览器及特性检测 jQuery.support.boxModel 如果这个页面和浏览器是以 W3C CSS 盒式模型来渲染的,则等于 true.通常在 IE 6 和 IE 7 的怪癖模式中这个值是 f ...

  5. jQuery工具函数

    要点:1.字符串操作2.数组和对象操作3.测试操作4.URL 操作5.浏览器检测6.其他操作 工具函数是指直接依附于 jQuery 对象,针对 jQuery 对象本身定义的方法,即全局性的函数.它的作 ...

  6. 分享几个实用的jquery工具函数

    1.$.browser对象属性 属性列表 说明  webkit webkit相关浏览器则返回true,否则返回false,如google,傲游.  mozilla mozilla相关浏览器则返回tru ...

  7. jquery工具函数browser() 辨别浏览器

    1.browser属性不是一个函数是一个全局对象,可以辨别客户端浏览器. 2.属性1:$.browser.msie如果返回true则客户端浏览器是ie.相似的$.browser.safari返回tru ...

  8. jQuery工具函数下

    测试操作 1.判断是否为数组对象 $(function () { //判断是否为数组对象 var arr = [1,2,3,4]; alert($.isArray(arr));//true }); 2 ...

  9. JQuery中的工具函数总结

    前提引入 前提当然也是要引入Jquery啦... <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" typ ...

随机推荐

  1. git push和git pull

    git push git push如果直接使用,不加repository和refspec,那么首先根据当前branch的branch name,在配置文件中找到branch.branchName.re ...

  2. gradle构建依赖

    本地依赖 gradle 作为构建工具,能够很方便的使用本地jar包,以下为使用的代码块. dependencies { //单文件依赖 compile files('libs/android-supp ...

  3. centos 6.4从源码安装mysql 5.6笔记

    上周在安装mysql时遇到了些许麻烦,今天整理下. 在代码目录建立obj文件夹. 在obj目录下,执行cmake .. -DXXX  // XXX表示一些参数,详见http://dev.mysql.c ...

  4. 整合spring2 + struts1.2 + hibernate3.2 .

    1 可恶的myeclipse     为了开发方便,我选择了myeclipse,因为它集成了很多框架,而不致于自己去倒入很多lib.但就是因为这一点,成了我这次组合的致命伤.SSH因为其是开源框架,自 ...

  5. 一个简单的网页读字符串 SpeechLib

    //引用组件:Interop.SpeechLib.dll//导入空间:SpeechLib //引用组件:Interop.SpeechLib.dll//导入空间:SpeechLib 前面设置内容引用别人 ...

  6. ASP.NET MVC 4.0 学习4-Code First

    之前我們需要用到的數據,通過添加Entity實體數據模型把數據庫中需要的Database拉到項目中如下圖, 而就是Code First就是相對於這種處理數據的方法而言的 Code First更加準確的 ...

  7. git diff 使用

    1. 本地工作目录与远程仓库对比(所有改动过的文件) git diff HEAD  (HEAD指向最新一次的提交,即最新版本) 2. 之对比给定的文件 git diff -- filename //是 ...

  8. linux vim 常用命令

    一. VIM高亮 进入vim后,在普通模式下输入如下命令,开启php代码高亮显示 :syntax enable :source $VIMRUNTIME/syntax/php.vim二. VI常用命令_ ...

  9. WPF 资源收集

    转载地址:http://www.cnblogs.com/zhoujg/archive/2009/11/04/1596195.html OpenExpressApp的UI现在是使用WPF,所以熟悉WPF ...

  10. 24c16读写驱动程序

    //////////////////////////////////////////////////////////////// //24c16读写驱动程序 // //模块调用: //读数据:read ...