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中