js与jquery的比较

toggle toggle2

//js写法
//var con=document.getElementById(‘container’);
//var js=document.getElementById(‘toggle’);
//js.οnclick=function(){
// if(con.style.display!=‘none’){
// con.style.display=‘none’;
// }else{
// con.style.display=‘block’;
// }
//};
//jQ写法
var container= KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲container'); va…(’#toggle’);
jQ.click(function(){
container.toggle();

});
$(document).ready(function(){
    $('#toggle').click(function() {
        console.log(1);
    }  )
});

$(document).ready(function(){
$(’#toggle2’).click(function() {
console.log(2);
} )
});
// js文档就绪函数和jQuery的区别
// 1 执行的时机不一样
// js是等全部的dom加载完毕，并且完全显示后执行
// jQuery是等dom加载完即可执行；（执行时机会提前）
// 2.js的文档就绪函数不能重复定义
// jQuery可以重复定义
// 3.js没有简写方式
// jQuery的简写方式为
// $(function(){
//
// })