jQuery学习之路

1、js和jQuery加载模式的不同

原生js和jQuery入口函数的加载模式不同，
原生JS会等到DOM元素加载完毕，并且图片也加载完毕才会执行，
jQuery会等到DOM元素加载完毕，但不会等到图片也加载完毕就会执行（图片为外部引用文件）

window.onload = function(ev){
    // 1.通过原生的js入口函数可以拿到DOM元素
var img1 = document.getElementsByTagName("img")[0];
console.log(img1);

    //2.通过原生的js入口函数可以拿到DOM元素的宽高
var width = window.getComputedStyle(img1).width;
console.log("onload",width);
}

$(document).ready(function(){
    // 1.通过jQuery入口函数可以拿到DOM元素
    var $img2 = $("img")[0];
    console.log($img2);

    //2.通过jQuery入口函数不可以拿到DOM元素的宽高
    var $width2 = $("width")[0];
    console.log("ready",$width2);
});

2、静态方法和实例方法
// 1.定义一个类
function AClass(){
}
// 2.给这个类添加一个静态方法（直接添加给类的就是静态方法）
AClass.staticMethod = function(){
     alert("staticMethod ");
}
// 静态方法通过类名调用
AClass.staticMethod();

// 3.给这个类添加一个实例方法
AClass.prototype.instanceMethod = function(){
    alert("instanceMethod");
} 

// 实例方法通过类的实例调用

// 创建一个实例(对象）

var a = new AClass();

// 实例方法通过实例调用

a.instanceMethod();