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. CF 13E Holes 【块状链表】

    题目描述: 一条直线上n个点,每个点有个“弹力”,可以把当前位置x上面的ball弹到x+a[x]上面. 两种操作 0. 修改a处的弹力值,编程b 1. 询问a点的ball经过多少次能跳出n个点外(就是 ...

  2. FSG压缩壳和ImportREC的使用 - 脱壳篇05

    FSG压缩壳和ImportREC的使用 - 脱壳篇05 让编程改变世界 Change the world by program FSG这个壳可以说是有点儿不守妇道,尼玛你说你一个压缩壳就实现压缩功能得 ...

  3. Yogurt factory（POJ 2393 贪心 or DP）

    Yogurt factory Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 8205   Accepted: 4197 De ...

  4. INSERTION_SORT插入排序C++实现

    大家好,我是小鸭酱,博客地址为:http://www.cnblogs.com/xiaoyajiang 以下用C++实现插入排序的升序和降序排序 算法来自<算法导论> #include< ...

  5. tomcat 项目部署问题

    我本地Tomcat版本:Apache Tomcat/8.0.3.0 服务器端:Apache Tomcat/6.0.37 JVM都是:1.7.0_40-b43 之前项目运行正常,在我更新了一些模块后,重 ...

  6. KeyTool

    http://ln-ydc.iteye.com/blog/1335213 http://lukejin.iteye.com/blog/605634

  7. ajax jquery return没有返回值

    错误写法: function editdivisionmember(division_id,users_id){ $.ajax({ type:"POST", url:"/ ...

  8. STL中map与hash_map容器的选择收藏

    这篇文章来自我今天碰到的一个问题,一个朋友问我使用map和hash_map的效率问题,虽然我也了解一些,但是我不敢直接告诉朋友,因为我怕我说错了,通过我查询一些帖子,我这里做一个总结!内容分别来自al ...

  9. SQL语句优化汇总（上） 感动啊 学习 收藏了

    原文地址:http://topic.csdn.net/u/20080716/11/2317d040-48e7-42da-822e-040b4c55b46d.html MS   SQL   Server ...

  10. 【剑指offer】面试题23：从上往下打印二叉树

    题目: 从上往下打印出二叉树的每个节点,同层节点从左至右打印. 思路: bfs,队列. 注意,队列最后不要忘了pop(). 代码: /* struct TreeNode { int val; stru ...