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. C# 对类中的保护成员进行写操作（邀请大家拍砖）

    假如我有一个类库 Lib,提供一个类 ClassA 对外服务,ClassA 中有若干只读属性 PropA, PropB 等等,外部调用者无法对 ClassA 中的 PropA 和 PropB 进行写操 ...

  2. WAMPSERVER2.2 无法启动的解决！

    转: PHP版本:5.3.10 XDEBG插件:php_xdebug-2.1.2-5.3-vc9.dll WAMPServer2.2用的是VC9编译的,并且需要VC9运行库支持. 此问题解决方法: 下 ...

  3. 高可用集群(HA)之DRBD原理和基础配置

    目录 1.工作原理图 2.用户空间工具 3.工作模式 4.实现主备故障自动切换 5.所需软件 6.配置文件 7.详细配置     1.配置通用属性信息     2.定义一个资源     3.初始化资源 ...

  4. 海量数据处理利器greenplum——初识

    简介及适用场景 如果想在数据仓库中快速查询结果,可以使用greenplum. Greenplum数据库也简称GPDB.它拥有丰富的特性: 第一,完善的标准支持:GPDB完全支持ANSI SQL 200 ...

  5. checkbox选中问题

    <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312&qu ...

  6. js 创建对象

    1.工厂模式 function createPerson(name, age, job) { var o = new Object(); o.name = name; o.age = age; o.j ...

  7. Cocos2d-x 2.1.5 简单动画

    Cocos2d新版本函数更改了一些. 下面的代码可以产生一个简单动画. //第一步:生成动画需要的数据 CCTexture2D *texture=CCTextureCache::sharedTextu ...

  8. Linq to Sql自动生成实体类重名情况的处理

    使用Linq to sql自动生成实体类时,如果要生成多个库的实体类,往往会遇到类名重名的情况,也就是表名重名,这样编译会不通过,这种情况下要在自动生成的实体类文件中(.designer.cs后缀)将 ...

  9. sizeof与类，继承，virtual的种种（整理）

    对虚继承层次的对象的内存布局,在不同编译器实现有所区别. 首先,说说GCC的编译器. 它实现比较简单,不管是否虚继承,GCC都是将虚表指针在整个继承关系中共享的,不共享的是指向虚基类的指针. clas ...

  10. UESTC_神秘绑架案 CDOJ 881

    神秘绑架案 Time Limit: 3000/1000MS (Java/Others)     Memory Limit: 65535/65535KB (Java/Others) Submit Sta ...