jQuery中的工具方法 $.xxx()


$().css() $().html() $().val() : 只能给JQ对象用

$.xxx() $.yyy() $.zzz() : 不仅可以给JQ用,也可以给原生JS用 : 叫做工具方法
------------------------------------------------------------------------------------------

$.type(o) : 判断数据类型
$.trim(str) : 去除字符串前后空格
$.inArray('', arr) : 类似于 indexOf, 返回索引值,无返回 -1
$.proxy()  : 改变this指向

  eg:
    function show(){
     alert(this);
    }

    show() // [object Window] this为 Window

    $.proxy(show , document)(); // [object HTMLDocument] this 为 Document


  eg2:
    function show(n1, n2){
      alert(n1);
      alert(n2);
     alert(this);
    }

    $.proxy(show , document)(3, 4);

    $.proxy(show , document, 3, 4)(); // 从第3个参数开始都是函数的参数

    $.proxy(show , document, 3)(4);

  eg3:

    function show(n1, n2){
      alert(n1);
      alert(n2);
     alert(this);
    }

    $(document).click( $.proxy(show,window,3,4) ); // 这样调用,参数只能这样传。
$ == jQuery

$.noConflict() : 防止冲突

  eg:
    var lik = $.noConflict();

    var $ = 10;

    lik(function(){

     lik('body').css('background','red');

    });

$.parseJSON(): 把 string 解析为 json 类型

$.makeArray(): 把类数组转为真正的数组
  eg:
  
    window.onload = function(){

     var aDiv = document.getElementsByTagName('div'); //类数组

      aDiv.push() // 会报错
  
     $.makeArray(aDiv).push();

    };

$.ajax():

eg:
  $.ajax({
   url : '',
   data : {},
   type : 'POST',
    dataType: 'json',
    contentType: '',
    cache: '',
    async: '',
    timeout: '',
   success : function(data){
   alert(1);
   },
  error : function(){
  alert(2);
  }
  });

  eg2:
    抽象出来的一些方法
    $.get()
    $.post()
    $.getJSON()


详解请参阅官方文档:http://www.jquery123.com/category/utilities/
posted @ 2017-06-30 02:00  likwin  阅读(293)  评论(0编辑  收藏  举报