1.jquery变换过程 ,下面三个结果一样
$(document).ready(function(){
var box=document.getElementById('box');
console.log(box);
});
$().ready(function(){
var box=document.getElementById('box');
console.log(box);
});
$(function(){
var box=document.getElementById('box');
console.log(box);
});
2.ready和DOMContentLoaded一样都是等dom树加载完成之后触发(dom加载完不包括里面东西,图片音频之类的),但是她两比较ready会先触发因为ready在运行之前做了一些事情,,,onload是所有东西加载完成触发
$(document).ready(function(){
console.log('ready完成了');
});
window.onload=function(){
console.log('load完成了');
};
document.addEventListener('DOMContentLoaded',function(){
console.log('dom内容加载完毕');
});
3.链式操作他一直调用的都是第一个,不管后面多少操作,调用都是最初的,因为后面每个操作都会有一个返回值
4.原生js跟jq的dom不能互相使用除非做一些操作
var $h1=$('h1');//jq
var h1=document.querySelector('h1');//js
//原生转jquery
$(h1).css('color','blue'); //h1为js原生dom元素
//jquery转原生
$h1[0].style.color='purple'; //因为jq会返回一个数组,索引0元素就是h1