1.$.boxModel

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="/jquery/jquery-1.11.1.min.js">
  5. </script>
  6. <script>
  7.  
  8. var sBox = $.boxModel ? "标准W3C":"IE";
  9. document.write("您的页面目前支持："+sBox+"盒子模型");  
  10.  
  11. </script>
  12. </head>
  13. <body>
  14.  
  15. </body>
  16. </html>

运行结果:

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

2.$.each() 遍历

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="/jquery/jquery-1.11.1.min.js">
  5. </script>
  6. <script>
  7.  
  8. var aArray = ["one", "two", "three", "four", "five"];
  9. $.each(aArray,function(iNum,value){
  10.     //针对数组
  11.     document.write("序号:" + iNum + " 值:" + value + "<br>");
  12. });
  13. var oObj = {one:1, two:2, three:3, four:4, five:5};
  14. $.each(oObj, function(property,value) {
  15.     //针对对象
  16.     document.write("属性:" + property + " 值:" + value + "<br>");
  17. });  
  18.  
  19. </script>
  20. </head>
  21. <body>
  22.  
  23. </body>
  24. </html>

运行结果：

  1. 序号:0 值:one
  2. 序号:1 值:two
  3. 序号:2 值:three
  4. 序号:3 值:four
  5. 序号:4 值:five
  6. 属性:one 值:1
  7. 属性:two 值:2
  8. 属性:three 值:3
  9. 属性:four 值:4
  10. 属性:five 值:5

3.$.grep()数据过滤

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="/jquery/jquery-1.11.1.min.js">
  5. </script>
  6. <script>
  7.  
  8. var aArray = [2, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1];
  9. var aResult = $.grep(aArray,function(value){
  10.     return value > 4;
  11. });
  12. document.write("aArray: " + aArray.join() + "<br>");
  13. document.write("aResult: " + aResult.join());  
  14.  
  15. </script>
  16. </head>
  17. <body>
  18.  
  19. </body>
  20. </html>

运行结果：

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

4.$.map()数组转换

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="/jquery/jquery-1.11.1.min.js">
  5. </script>
  6. <script>
  7.  
  8. $(function(){
  9.     var aArr = ["a", "b", "c", "d", "e"];
  10.     $("p:eq(0)").text(aArr.join());  
  11.  
  12.     aArr = $.map(aArr,function(value,index){
  13.         //将数组转化为大写并添加序号
  14.         return (value.toUpperCase() + index);
  15.     });
  16.     $("p:eq(1)").text(aArr.join());  
  17.  
  18.     aArr = $.map(aArr,function(value){
  19.         //将数组元素的值双份处理
  20.         return value + value;
  21.     });
  22.     $("p:eq(2)").text(aArr.join());
  23. });   
  24.  
  25. </script>
  26. </head>
  27. <body>
  28.       <p></p><p></p><p></p>
  29. </body>
  30. </html>

运行结果：

  1. a,b,c,d,e
  2.  
  3. A0,B1,C2,D3,E4
  4.  
  5. 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. MacBook Pro查找已安装的python目录

    MacBook Pro上下载的python安装后,发现查找目录无从下手,如下则是给出解决方案. 1.可下载pip进行安装,安装完成后,打开终端,输入:pip 并回车,则看到pip安装成功 2.再次输入 ...

  2. 【PAT】1008. 数组元素循环右移问题 (20)

    1008. 数组元素循环右移问题 (20) 一个数组A中存有N(N>0)个整数,在不允许使用另外数组的前提下,将每个整数循环向右移M(M>=0)个位置,即将A中的数据由(A0A1……AN- ...

  3. day2 字典常用的方法

        字典创建的方式: (1)d1 = {"k1":"v1","k2":"v2","k3":&qu ...

  4. git用法大全

    转载自实验楼,之前有更新过两篇git的文章,毕竟内容太少,而git还有很多更丰富的技能,在实验楼上有一系列全的教程,这里做一下备案.需要时查阅. Git 实战教程 目录 一.实验说明 二.git的初始 ...

  5. 【ASP.NET】:Ckeditor+Fckeditor的使用

    首先这三个文件:下载ckeditor和ckeditor_aspnet_3.6.4和ckfinder 然后把这三个文件复制到项目根目录下 添加引用CKEditor.NET.dll      CKFind ...

  6. pt--适配方案

    原文地址:一种粗暴快速的Android全屏幕适配方案

  7. javascript 中关于function中的prototype

    在javascrpit中每个函数中都有一个prototype属性,在其创建的时候,无论是用var method = function(){}或者 var method = new Function() ...

  8. 前端使用express mock数据

    项目中使用的是RESTFUL接口规范,项目框架用的是vue,项目开始时,调研了几个比较有名的mock数据的插件:比如webpack的中间件api-mock,json-server,mockjs,还有e ...

  9. 选项卡栏控制器(UITabBarController)

    选项卡栏控制器管理的每个场景都包含一个UITabBarItem,它包含标题.图像和徽章. 在场景里可以通过tabBarItem属性来获得UITabBarItem的引用.例如:[self.tabBarI ...

  10. p1315构建双塔 dp

    From easthong ☆构建双塔                 描述 Description     2001年9月11日,一场突发的灾难将纽约世界贸易中心大厦夷为平地,Mr. F曾亲眼目睹了 ...