原生js与jquery的区别

1.选择器：

js:　　　　$('.car_img_con img')[0]; var jsObj = document.getElementsByClassName('sel_index_block')[0];jsObj.html();TypeError: undefined is not a function

jquery:　 $('.car_img_con img'); var jqObj = $('.sel_index_block').eq(0);jqObj.html() "不选预算"

2.文档加载：

页面加载过程有两个事件，一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件），二是onload，指示页面包含图片等文件在内的所有元素都加载完成。（可以说：ready 在onload 前加载。）

（1）一些待调用函数定义，要在调用前定义。

（2）对于完善网页元素的JS，伴随文档加载执行。

（3）而绑定元素事件响应的JS，则一定要等到相应元素加载后或文档全部加载完成后再执行，否则无法找到元素，当然不可绑定事件。

js:　　

window.onload = function(){

　　document.getElementById('id').addEventListener('click',func,false); //需定义响应函数func

}

　　代码会在整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成，而且要求所有的外部图片和资源全部加载完成。更不幸的是，如果外部资源，例如图片需要很长时间来加载，那么这个js效果就会让用户感觉失效了。

　jquery:

$(function(){ 
　　$("#id").click(function(){ 
　　　　//adding your code here 
　　}); 
   $("#id").bind('dbclick', function(){ 
　　　　//adding your code here 
　　});
}); 
$(document).ready(function(){ 
　　$("#a").click(function(){ 
　　　　//adding your code here　　 
　　}); 
   $("#id").bind('dbclick', function(){ 
　　　　//adding your code here 
　　});
});

来源：https://www.cnblogs.com/jymz/p/3988090.html

标签

jquery

js代码