加载事件在原生JS和JQuery中的讨论

加载事件JS使用方法:

window.onload = init;

function init(){    };

加载事件JQuery使用方法:

$(document).ready(function(){    });

简写为: $(function(){    });

1.区别：

JS:把DOM加载和资源完成后执行;

JQ:把DOM加载完成后执行;$(function(){})

JQ来源于JS，但超越JS；

2.原生js和jquery转换

jq 转 js: get()方法

console.log($(.box).get(0).innerHTML);

js 转 jq:用$包起来

console.log($(document.querySelector(.box)).html());

3.jquery方法分为实例方法和工具方法

实例方法:必须指定jquery对象引用,返回this(返回当前操作的对象)，因此，jq的方法可以调用链。

工具方法:本地js和jquery都可以使用。  $.ajax() 有一个未来$.打头

4.jq中$如果符号不变,它可以被放弃了,取而代之的是另一个变量$。

jquery中让出$符号-jQuery.noConflict([ex])

栗子

var $$=$.noConflict();
$$(.box).css(background,red).addClass(box1).hide(4000);

5.jq参数识别方法

方括号表示可选参数(参数可以是可选的) ）

jQuery.noConflict([ex]) 

| 代表的至少一个参数

attr(name|pro|key,val|fn)