读jquery源码重点API笔记

 

 

1. $().jQuery：获取jQuery的版本号；

2. $("<li>")、$("<li><a>hello</a></li>")、$("<li>hello")：都是创建标签，注意$("<li>hello")只创建li标签，html页面并不显示hello内容。以下是创建标签及其标签的属性方法，最后添加在body页面：

$("<div>", {
  "class": "test",
  text: "Click me!",
  click: function(){
    $(this).toggleClass("test");
  }
}).appendTo("body");

$("<input>", {
  type: "text",
  val: "Test",
  focusin: function() {
    $(this).addClass("active");
  },
  focusout: function() {
    $(this).removeClass("active");
  }
}).appendTo("form");

3. Deferred()：延迟对象执行；

var d=$.Deferred();
    setTimeout(function(){
        alert(1);
        d.resolve();     
    },1000)
    d.done(function(){        //先执行弹出1之后，再执行弹出2
        alert(2)
    })

4. jQuery.parseHTML() ：将字符串里面的标签分解成数组

如：

    var str="<li>1</li><li>2</li><li>3</li>";

       jQuery.parseHTML(str,document) ; // ['li','li','li']

    var str1="<li>1</li><li>2</li><li>3</li><script>4<\/script>";

       jQuery.parseHTML(str,document,true) ; //为true时能识别script标签，注意script标签需要\转义；

5.jQuery.merge(arr1,arr2)：将arr1/arr2数组或者json对象转换为json对象；

如：

    var arr1={0:'a',1:''b};

    var arr2=['c','d'];

    jQuery.merge(arr1,arr2);    //返回{0:'a', 1:''b, 2:'c', 3:'d'};

6.$(function(){})是$(document).ready(function(){})的简写 ：效果一样，表示DOM文档加载完成后执行其里面的函数体。

7.$().first()、$().last()、$().eq(i) ：分别表示jq对象的第1项，最后一项，第i项；

8. $.holdReady（true/false）：暂停或恢复.ready() 事件的执行。延迟就绪事件，直到已加载的插件。

$.holdReady(true);
$.getScript("myplugin.js", function() {
     $.holdReady(false);
});

 

 

 

 

 

转载于:https://my.oschina.net/u/3824391/blog/1809114