你的位置:首页 > 软件开发 > Java > jQuery工具函数(转)

jQuery工具函数(转)

发布时间:2016-03-21 16:00:05
原文地址:http://www.cnblogs.com/kissdodog/archive/2012/12/27/2835561.html作者:逆心---------------------------------一、$.browser对象属性  属性列表             ...
原文地址:http://www.cnblogs.com/kissdodog/archive/2012/12/27/2835561.html

二、boxModel

  返回一个布尔值,如果是W3C盒子模型则返回true,否则返回false。

  盒子模型分两类,一类是W3C盒子模型,一类是IE盒子模型。两者的根本区别在于W3C的盒子模型不包括padding与border,仅指content的Height和Width,而IE盒子模型  包含padding与border。

 

  上面的例子弹出W3C盒子模型,如果删除掉顶部的两行,<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

数组和对象的操作

三、$.each()

  此工具函数不仅能够完成指定数组的遍历,还能够实现页面中元素的遍历。

  语法:$.each(obj,fn(para1,para2))  obj要遍历的数组或对象,fn为每个遍历元素执行的回调函数,para1表示数组的序号或对象的属性,para2表示数组的元素和对象的属性。

 

  $.each()遍历数组。

 

   元素遍历

<head>  <title></title>  <script src='/images/loading.gif' data-original="jQuery.1.8.3.js" type="text/javascript"></script>  <script type="text/javascript">    $(function () {      $("p").each(function () {        $(this).css("background-color", "red");      });       //一下三行代码与以上三行效果一样      //$.each($("p"), function () {      //  $(this).css("background-color", "red");      //})    })  </script></head><body>    <p>我是第一个P</p>    <p>我是第二个P</p>    <p>我是第三个P</p>    <p>我是第四个P</p>    <p>我是第五个P</p></body></html>
 

四、$.grep()

  筛选符合条件的元素,返回一个新数组

    语法:$.grep(Arrar,fn(value,index));  要注意下回调函数的参数的顺序,第一个是值,第二个是索引。

       $.grep(Arrar,fn(value,index),[bool]);  第三个参数表示是否取反,true表示取反,false表示不取反。

 

六、$.map()

  改变函数内的数据,接受一个数组或类数组对象作为参数

 

七、$.inArray()

  如果数组中存在被搜索元素,则返回被搜索元素的索引

    $(function () {      var arr = [1, 2, 3, 4, 5];      alert($.inArray(4,arr));  //弹出 3    })
    $(function () {      var obj1 = {};      var obj2 = { name: "张飞" };      var obj3 = new Object();      var obj4 = null;      alert($.isPlainObject(obj1));  //true  通过{}创建      alert($.isPlainObject(obj2));  //true  通过{}创建      alert($.isPlainObject(obj3));  //true  通过new Object()创建      alert($.isPlainObject(obj4));  //flase  不是通过{}或new Object()创建    })
jQuery工具函数(转)
    $(function () {      alert($.contains($("#div1")[0],$("#p1")[0]));  //返回true,注意参数是DOM对象,并非jQuery对象    })
    $(function () {      var man = { Name: "张飞", Age: 23 };      var str = $.param(man);      document.write(str);      //Name=%E5%BC%A0%E9%A3%9E&Age=23      var str1 = decodeURI(str);      document.write("<br>" + str1);  //Name=张飞&Age=23    })
jQuery工具函数(转)

十一、$.makeArray()

  将数组或类数组对象的属性复制到一个新的数组(真的是数组)中,并返回该新数组。

    var arr = [1,3,5,7,9];    $(function () {      var arr1 = $.makeArray(arr);      document.write(arr1.join());  //输出 1,3,5,7,9    })
    var arr1 = [1, 3, 5, 7, 9];    var arr2 = [2, 4, 6, 8, 10];    $(function () {      var arr3 = $.merge(arr1, arr2);      document.write(arr1.join() + "<br/>");  //1,3,5,7,9,2,4,6,8,10      document.write(arr2.join() + "<br/>");  //2,4,6,8,10      document.write(arr3.join() + "<br/>");  //1,3,5,7,9,2,4,6,8,10    })
jQuery工具函数(转)

十三、$.parseJSON()

  该函数会解析JSON格式的字符串,并返回解析结果(对象)。 类似于JSON.parse(),注意:jQuery只定义了JSON解析函数,并没有定义序列化函数。

    var man = { name: "张三", age: 23 };    var str = JSON.stringify(man);    document.write(str + "<br/>"); //{"name":"张三","age":23}    var man1 = $.parseJSON(str);    document.write(man1.name + man1.age);  //张三23
  $(function () {    var obj = {      name: "John",      test: function () {        alert(this.name);    //当id为test的按钮点击时,弹出姓名        $("#test").unbind("click", obj.test);  //并取消事件绑定(下次再点击不会弹出姓名)    }  };    $("#test").click(jQuery.proxy(obj, "test"));  //绑定object对象里面的方法test  })
jQuery工具函数(转)

十五、$.unique(array)

  删除元素数组中的重复元素

$(function () {  var arr = [1, 2, 3, 2, 1];  jQuery.unique(arr);  alert(arr.join());  //返回  3,2,1})
$(function(){  $.extend({net:{}});    //扩展一个命名空间  $.extend($.net,{    hello:function(){alert('hello');}  //将hello方法绑定到命名空间net里去  })  $.net.hello();  //通过net命名空间调用方法})
jQuery工具函数(转)

  拷贝方法原型:

extend(boolean,dest,src1,src2,src3...)
$(function(){  var result=$.extend( true, {},     { name: "John", location: {city: "Boston",country:"USA"} },     { last: "Resig", location: {state: "MA",country:"China"} } );   alert(result.location.state);    //输出 MA  //result={name:"John",last:"Resig", location:{city:"Boston",state:"MA",county:"China"}}  var result=$.extend( false, {},     { name: "John", location: {city: "Boston",country:"USA"} },     { last: "Resig", location: {state: "MA",country:"China"} } );   alert(result.location.city);    //输出 undefined  //result={name:"John",last:"Resig",location:{state:"MA",county:"China"}}  注意没有city,只是合并了location,location里面的属性不管})
jQuery工具函数(转)

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:jQuery工具函数(转)

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录