<!DOCTYPE html>
<html lang="en">
<!--
原生的js和jquery的区别
1,原生的js和jquery入口函数的加载模式不同
原生的js会等到dom元素加载完毕,并且图片也加载完毕才会执行
jquery会等到dom元素加载完毕,但不会等到图片加载完毕
2,原生的js如果编写了多个入口函数,后面编写的会覆盖前面编写的
但是jquery后写的不会覆盖先写的,而且还会按顺序加载
-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Demo1</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
// =原生的window.onload=funciion(ec){}
$(document).ready(function() {
// alert("hello jquery");
// 通过jquery的入口函数可以拿到dom元素
var $img= $("img")[0];
console.log($img);
var $width= $img.width();
console.log($width);
});
// 入口函数的第一种写法
$(document).ready(function(){
alert("hello jquery");
});
// 入口函数的第二种写法
jQuery(document).ready(function(){
alert("1");
});
// 第三种
$(function(){
alert("2");
});
// 第四种
jQuery(function(){
alert("4");
});
</script>
</head>
<body>
<div>
<img scr="https://www.w3school.com.cn/i/eg_tulip.jpg" alt="图"/>
</div>
</body>
</html>
jQuery入口函数的几种 写法
最新推荐文章于 2022-05-03 23:08:39 发布