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. linux学习方法之一

    相信不少想学习linux的新手们正愁不知道看什么linux学习教程好,下面小编给大家收集和整理了几点比较重要的教程,供大家学习,如需想学习更多的话,可到wdlinux学堂寻找更多教程. 1.什么是RP ...

  2. 【solr基础教程之一】Solr相关知识点串讲

           Solr是Apache Lucene的一个子项目.Lucene为全文搜索功能提供了完备的API,但它只作为一个API库存在,而不能直接用于搜索.因此,Solr基于Lucene构建了一个完 ...

  3. Tomcat学习笔记 - 错误日志 - NetBeans配置tomcat出错情况总结 -- 尚未授予访问 Tomcat 服务器的权限。请在服务器管理器的 Tomcat 定制器中设置 "manager-script" 角色的正确用户名和口令。 有关详细信息, 请查看服务器日志。

    错误描述: 发布时控制台出现: 部署错误: 尚未授予访问 Tomcat 服务器的权限.请在服务器管理器的 Tomcat 定制器中设置 "manager-script" 角色的正确用 ...

  4. Python中for\while的用法

    代码示例 board = [] for i in range(5): board.append(i) print board board = [] i = 0 while i < 5: boar ...

  5. LFS，编译自己的Linux系统 - 准备

    概述 现在用的操作系统是Win8.1,用VMware创建一个虚拟机,3G内存(物理内存是6G,分一半),23G硬盘,其中3G用于swap分区,10G用于host system,10G用于建立LFS系统 ...

  6. information_schema.profiling学习

    information_schema.profiling可以用来分析每一条SQL在它执行的各个阶段的用时,注意这个表是session 级的,也就是说如果session1 开启了它:session2没有 ...

  7. 一次oracle大量数据删除经历

    oracle有个数据表现在已经有2500万条数据了,软件用到这个表的数据时就变的特别慢,所以准备把一个月以前的数据全部清除. 我的步骤是(下边操作都是在plsql中运行的) 1.首先 将这个月的数据导 ...

  8. SmartBusinessDevFramework架构设计-3：考虑开源？

    掖着藏着,终归不是好的办法.说的跟花一样,究竟里子是什么东西.一个好的被子,里料是羽绒还是棉花还是丝绵还是黑心棉?有时候,真的是看过之后,才能体验其中的奥秘. 这个架构的设计初衷,总体是为了方便.ne ...

  9. ant的入门 配置与安装

    最近需要用ant来生成文件,java类.我才开始了解了这个工具.仔细看了一下,感觉这个小工具的强大功能. 博主也是初学者,在网上收集了资料,尝试了配置:感觉有些高手写得不错变引用之. 配置如下: 以上 ...

  10. ubuntu下的Samba配置：使每个用户可以用自己的用户名和密码登录自己的home目录

    http://blog.csdn.net/fly_qj/article/details/21744797 1.先要安装Samba sudo apt-get install samba openssh- ...