<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>03-JS和jQuery入口函数的区别</title>
<script src="../js/jquery-3.4.1.js"></script>
<!--<script>
//通过原生JS
window.onload=function (ev) {
var img=document.getElementsByTagName("img")[0];
console.log(img);
/* var width= window.getComputedStyle(img).width;
console.log(width);*/
}
/*
JS原生和jquery入口函数加载模式不同
原生JS会等到DOM元素加载完毕 并且图片也加载完毕才会执行
jquery会等到DOm元素加载完毕但不会等到图片也加载完毕就会执行
*/
//通过jquery的入口函数可以拿DOM元素
$(document).ready(function () {
var $img= $("img");
console.log($img);
var $width= $img.width();
console.log($width);
});
</script>
-->
/*
原生JS如果编写了多个入库口函数后面编写的会覆盖前面编写的
jQuery编写多个入口函数后面的不会覆盖前面的
*/
<script>
/* window.onload=function () {
alert("hello inj");
}
window.onload=function () {
alert("hello inj2");
}*/
$(document).ready(function () {
alert("hello world1")
});
$(document).ready(function () {
alert("hello world2")
});
</script>
</head>
<body>
<img src="https://img.alicdn.com/tfs/TB1410CwEz1gK0jSZLeXXb9kVXa-520-280.jpg_q90_.webp" alt="">
</body>
</html>
原生JS和jQuery的不同
猜你喜欢
转载自www.cnblogs.com/god1/p/12390834.html
今日推荐
周排行