1.$.boxModel

<!DOCTYPE html>

<html>

<head>

<script src="/jquery/jquery-1.11.1.min.js">

</script>

<script>

var sBox = $.boxModel ? "标准W3C":"IE";

document.write("您的页面目前支持："+sBox+"盒子模型");  

</script>

</head>

<body>

</body>

</html>

运行结果:

您的页面目前支持：IE盒子模型

2.$.each() 遍历

<!DOCTYPE html>

<html>

<head>

<script src="/jquery/jquery-1.11.1.min.js">

</script>

<script>

var aArray = ["one", "two", "three", "four", "five"];

$.each(aArray,function(iNum,value){

    //针对数组

    document.write("序号:" + iNum + " 值:" + value + "<br>");

});

var oObj = {one:1, two:2, three:3, four:4, five:5};

$.each(oObj, function(property,value) {

    //针对对象

    document.write("属性:" + property + " 值:" + value + "<br>");

});  

</script>

</head>

<body>

</body>

</html>

运行结果：

序号:0 值:one

序号:1 值:two

序号:2 值:three

序号:3 值:four

序号:4 值:five

属性:one 值:1

属性:two 值:2

属性:three 值:3

属性:four 值:4

属性:five 值:5

3.$.grep()数据过滤

<!DOCTYPE html>

<html>

<head>

<script src="/jquery/jquery-1.11.1.min.js">

</script>

<script>

var aArray = [2, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1];

var aResult = $.grep(aArray,function(value){

    return value > 4;

});

document.write("aArray: " + aArray.join() + "<br>");

document.write("aResult: " + aResult.join());  

</script>

</head>

<body>

</body>

</html>

运行结果：

aArray: 2,9,3,8,6,1,5,9,4,7,3,8,6,9,1

aResult: 9,8,6,5,9,7,8,6,9

4.$.map()数组转换

<!DOCTYPE html>

<html>

<head>

<script src="/jquery/jquery-1.11.1.min.js">

</script>

<script>

$(function(){

    var aArr = ["a", "b", "c", "d", "e"];

    $("p:eq(0)").text(aArr.join());  

    aArr = $.map(aArr,function(value,index){

        //将数组转化为大写并添加序号

        return (value.toUpperCase() + index);

    });

    $("p:eq(1)").text(aArr.join());  

    aArr = $.map(aArr,function(value){

        //将数组元素的值双份处理

        return value + value;

    });

    $("p:eq(2)").text(aArr.join());

});   

</script>

</head>

<body>

      <p></p><p></p><p></p>

</body>

</html>

运行结果：

a,b,c,d,e

A0,B1,C2,D3,E4

A0A0,B1B1,C2C2,D3D3,E4E4

jquery的功能函数的更多相关文章

  1. jQuery基础之（三）jQuery功能函数前缀及与window.onload冲突

    1.jQuery功能函数前缀 在javascript中,开发者通常会编写一些小函数来处理各种操作细节,例如在用户提交表单时,要将文本框最前端和最末端的空格内容清理掉.而javascript中没有类似t ...

  2. 利用Jquery的load函数实现页面的动态加载

    利用Jquery的load函数实现页面的动态加载  js的强大功能相信大家都知晓,今天通过jquery的库函数load可以更加方便的实现页面的动态刷新,经过几天的研究与探索,终于有所成效!吾心甚蔚! ...

  3. jQuery Ajax 操作函数及deferred对象

    jQuery Ajax 操作函数 jQuery 库拥有完整的 Ajax 兼容套件.其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据. 函数 描述 jQuery.ajax() 执行异步 H ...

  4. 详细解读Jquery各Ajax函数：$.get(),$.post(),$.ajax(),$.getJSON()

    一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表(是可选的,也可以将要传的参数写在url里面),callback为请求成功后的回调函数,该 ...

  5. 详细解读Jquery各Ajax函数

    $.get(),$.post(),$.ajax(),$.getJSON() 一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表,callba ...

  6. 现代浏览器内置的可等效替代jQuery的功能

    jQuery的体积在不断的增大.新功能要不断增加,这是必然结果.虽然从版本1.8.3开始的瘦身效果明显,但不可否认的是,对于移动手机端的网 页开发,它仍然是不可接受的.当然,jQuery不是铁板一块, ...

  7. 详细解读Jquery各Ajax函数：$.get(),$.post(),$.ajax(),$.getJSON() —（转）

    一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表(是可选的,也可以将要传的参数写在url里面),callback为请求成功后的回调函数,该 ...

  8. 【转】jQuery on()选择器函数

    on()函数用于为指定元素的一个或多个事件绑定事件处理函数. 此外,你还可以额外传递给事件处理函数一些所需的数据. 从jQuery 1.7开始,on()函数提供了绑定事件处理程序所需的所有功能,用于统 ...

  9. [总结]jQuery之常用函数方法参考手册

    w3school参考地址:http://www.w3school.com.cn/jquery/index.asp runoob参考地址:http://www.runoob.com/jquery/jqu ...

随机推荐

  1. 洛谷P2827 蚯蚓 题解

    洛谷P2827 蚯蚓 题解 题目描述 本题中,我们将用符号 ⌊c⌋ 表示对 c 向下取整. 蛐蛐国最近蚯蚓成灾了!隔壁跳蚤国的跳蚤也拿蚯蚓们没办法,蛐蛐国王只好去请神刀手来帮他们消灭蚯蚓. 蛐蛐国里现 ...

  2. C# 6.0 新特性 (一)

    概述 尽管 C# 6.0 尚未完成,但现在这些功能正处于接近完成的关键时刻.自 2014 年 5 月发布文章“C# 6.0 语言预览版”(msdn.microsoft.com/magazine/dn6 ...

  3. 给你一个 5L 和 3L 桶，水无限多，怎么到出 4L。

    智力题 给你一个 5L 和 3L 桶,水无限多,怎么到出 4L. 思考过程 先将 3L 的桶装满水,倒入 5L 的桶里. 再重新将 3L 的桶装满水,倒入 5L 的桶里,把 5 L 的桶装满后,这样 ...

  4. Java 如何获取系统时间

    Java 如何获取系统时间 import java.text.SimpleDateFormat; import java.util.Date; public class Test { public s ...

  5. phantomjs2.1 初体验

    上次看了一下scrapy1.1的新手指南 决定写个小爬虫实验一下 目标网站是http://www.dm5.com/manhua-huofengliaoyuan准备爬取漫画火凤燎原的已有章节,将图片保存 ...

  6. 20179202《Linux内核原理与分析》第一周作业

    实验一 Linux 系统简介 这一节主要学习了Linux的历史,重要人物以及学习Linux的方法.Linux和Windows在是否收费.软件与支持.安全性.可定制性和应用范畴等方面都存在着区别.目前感 ...

  7. 2017 计蒜之道 初赛 第五场 A. UCloud 机房的网络搭建

    贪心. 从大到小排序之后进行模拟,注意$n=1$和$n=0$的情况. #include <iostream> #include <cstdio> #include <cs ...

  8. BNUOJ 52509 Borrow Classroom

    最近公共祖先. 如果$A$到$1$的时间小于$B$到$C$再到$1$的时间,那么一定可以拦截. 如果上述时间相等,需要在到达$1$之前,两者相遇才可以拦截. #include<bits/stdc ...

  9. T-sql 行转列，数据库查询分页

    1 USE [APS_Future_FT] 2 GO 3 /****** Object: StoredProcedure [dbo].[A_CrudePrice] Script Date: 2013/ ...

  10. python 学习笔记 - Queue & Pipes，进程间通讯

    上面写了Python如何创建多个进程,但是前面文章中创建的进程都是哑巴和聋子,自己顾自己执行,不会相互交流.那么如何让进程间相互说说话呢?Python为我们提供了一个函数multiprocessing ...