jquery源碼學習筆記1

1.constructor

<script type="text/javascript">
function Person(){
}
Person.prototype.name = "lisi";
Person.prototype.age = 20;
var person1 = new Person();
alert(person1.constructor);//輸出相應的構造函數
</script>

<script type="text/javascript">
function Person(){
}
Person.prototype = {//這裏是重寫了原型，這樣構造函數指向就出現了問題，需要手動去修正
    constructor:Person,
    name:"lisi",
    age:20
}
var person1 = new Person();
alert(person1.constructor);
</script>

2.jQuery對象轉爲dom對象

<script type="text/javascript">
console.log($("li"));//jQuery.fn.init[3],每個li都有對應的下標
$("li")[1].style.background = "#f00";//$("li")[1]這樣可以把jQuery轉化爲dom對象
</script>

3.merge

<script type="text/javascript">
$(function(){
    var arr1 = ['a','b'];
    var arr2 = ['c','d'];
    var arr3 = {
        0:'a',
        1:'b',
        length:2
    };
    //$.merge用來合併數組
    console.log($.merge(arr1,arr2));//["a", "b", "c", "d"]
    //$.merge也可以用來合併json
    //merge在jQuery中可以用來合併json
    console.log($.merge(arr3,arr2));//Object {0: "a", 1: "b", 2: "c", 3: "d", length: 4}
});
</script>

4.parseHTML
jQuery.parseHTML用來將字符串轉化爲數組,返回一個數組。

<script type="text/javascript">
$(function(){
    var str = '<li>1</li><li>2</li><li>3</li>';
    var arr = jQuery.parseHTML(str);
    console.log(arr);//[li, li, li]
    $.each(arr,function(i){
        $("ul").append(arr[i]);
    });
});
</script>

5.單標籤操作

 var li=$('<li>',{title:'hi',html:'abcd'}).appendTo('ul');
//單標籤操作，li的title爲hi，html內容爲abcd，添加到ul中