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. windows下cmd导入与导出mysql 数据库

    一.导出数据库 假设导到C:\ordersys.sql 1.CMD下:输入mysqldump -u 用户名 -p 导出的数据库名>c:\ordersys.sql 2.CMD会提示输入密码:输入密 ...

  2. html file选中图片后 不经过服务器 立刻显示在页面

    html结构中 file类型加上 onchange事件 ,用FileReader读取图片的data:/images,然后显示在img标签中, 代码如下: <img class="pre ...

  3. <正见>摘抄

    1- 没有全能的力量能够扭转死亡之路,因此也就不会困在期待之中.如果没有盲目的期待,就不会有失望,如果能够了解一切都是无常,就不会攀缘执著.如果不攀缘执著,就不会患得患失,也才能真正完完全全地活着. ...

  4. POJ3026 最小生成树

    问题: POJ3026 分析: 采用BFS算出两两之间的距离,再用PRIM算法计算最小生成树. AC代码: //Memory: 220K Time: 32MS #include <iostrea ...

  5. 重读LPTHW-Lesson18-21 函数

    1.def 定义函数,选取合适的函数名,原则是易于理解.阅读.函数名格式与变量命名格式相同,以字母开始,可以包含字母.数字.下划线.函数命名后,把参数放在()中,可以无参数.然后:结束函数命名,开始函 ...

  6. Document原来可以这样来获取DOM

    images集合(页面中的图象) a)通过集合引用 代码 document.images              //对应页面上的<img>标签 document.images.leng ...

  7. 通过Alexa API获取Alexa排名

    我们通会用Alexa的网站(或其它站长工具网站)来栓查我们的网​站流量排名,这样就必须去那些网站.实际上,可以通过Alexa XML API 获取网站的Alexa相关的数据(XML格式的),再使用XM ...

  8. 其中 (%{WORD:x_forword}|-) |表示或的意思

    121.40.205.143 [30/Aug/2016:14:03:08 +0800] "GET /resources/images/favicon.ico HTTP/1.1" - ...

  9. Grid++Report支持CS/BS模式的表报插件

    Grid++Report 可用于开发桌面C/S报表与WEB报表(B/S报表),C/S报表开发适用于VB.NET.C#.VB.VC.Delphi等.WEB报表开发适用于ASP.ASP.NET.JSP/J ...

  10. Jquery时间快捷控件(Jtime)配置v1.0

    1.脚本代码行 /** * @title 时间工具类 * @note 本类一律违规验证返回false * @author {boonyachengdu@gmail.com} * @date 2013- ...