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. js post传值

    一种是ajax传值,另一种是post传值, ajax传值: $.ajax({ url: "AjaxTxt/Fild.ashx?Name=duibi&dates=" suzk ...

  2. jQuery模糊选择

    属性字头选择器(Attribute Contains Prefix Selector) jQuery 属性字头选择器的使用格式是 jQuery(‘[attribute|=value]‘) ,例如 jQ ...

  3. awk之7 常用函数的解析

    1.区域获取 substr(区域f,起始位置n1,获取范围n2) 解析:获取某个区域f内,从起始位置n1开始算起的n2个字符组成的字符串.如果n2不存在,则返回从n1开始到区域结束的内容. 例子:获取 ...

  4. postgresql的psql命令

    1:不进入数据库而执行SQL命令,用参数-c 2:把SQL命令保存在一个外部文件中,用 -f 参数导入并执行 a1.txt文件内容 select * from student; 在shell中用如下命 ...

  5. Lost Cows(BIT poj2182)

    Lost Cows Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 10609   Accepted: 6797 Descri ...

  6. 通过yocto给p1010rdb定制linux，并启动linux

    一.通过yocto定制linux 1.安装yocto yocto只能在非root用户下编译,所以先新建一个用户. useradd chen  passwd -d chen 重启电脑进入chen用户. ...

  7. 如果设置Keil从C代码编译出来的hex文件地址从0x8000开始

    和MON51的设置一样,这样作:1.把Startup.a51拷贝到工程目录加入工程,修改125行的      CSEG    AT      0  为   CSEG    AT      0X8000 ...

  8. 分布式文件系统 Mogilefs 安装步骤

    我这里的环境都是 RHEL 5 的环境. MySQL 数据库 和 tracker 都放到一台服务器上, 为 192.168.2.85 storage server两台, 分别为 192.168.2.9 ...

  9. 三星S5360（GALAXY Y）首次刷机尝试～

    刷机包下载: http://www.romjd.com/Device/samsung-s5360 http://www.shuaji.com/rom/2033.htm#down http://www. ...

  10. ubuntu下配置安装conky

    由于默认的conky配置不好看,于是下载了一些配置,网上一抓一大把. 首先  sudo apt-get install conky-all 然后下载想要的配置文件,下载下来的是压缩文件,解压就行了,解 ...