JQ不存在 JS： !DOCTYPE htmlhtmlheadmeta charset=http://www.mamic
1、什么是Jquery：
（1）JQ图标分析：
J：代表JS
Query：盘问
write less,do more：写更少的代码，做更多的工作（对HTML文档的遍历和操纵、事件措置惩罚惩罚、动画、Ajax变得越发简单）
（2）观点：
jQuery素质上是一个快速、简洁的JavaScript框架。
2、新建Jquery项目：
目录布局：
代码：
<!DOCTYPE html> <html> <head> <meta charset=http://www.mamicode.com/"UTF-8"> <title>Jquery入门</title> <script type=http://www.mamicode.com/"text/javascript" src=http://www.mamicode.com/"../js/jquery-1.8.3.js" ></script> <script> $(function(){ alert("Hello Jquery!"); }); </script> </head> <body> </body> </html>
运行功效：
3、JQ入口函数与JS入口函数的区别：
（1）书写方法：
<!DOCTYPE html> <html> <head> <meta charset=http://www.mamicode.com/"UTF-8"> <title>Jquery入门</title> <script type=http://www.mamicode.com/"text/javascript" src=http://www.mamicode.com/"../js/jquery-1.8.3.js" ></script> <script> jQuery(document).ready(function(){ alert("新年快乐！"); }); $(document).ready(function(){ alert("Happy new year"); }); $(function(){ alert("天天高兴！"); }); </script> </head> <body> </body> </html>
JS入口函数：
window.onload =http://www.mamicode.com/ function () { // 执行代码 }
（2）JS存在笼罩问题，JQ不存在
JS：
<!DOCTYPE html> <html> <head> <meta charset=http://www.mamicode.com/"UTF-8"> <title>Jquery入门</title> <script type=http://www.mamicode.com/"text/javascript" src=http://www.mamicode.com/"../js/jquery-1.8.3.js" ></script> <script> window.onload =http://www.mamicode.com/ function(){ alert("新年快乐"); } window.onload =http://www.mamicode.com/ function(){ alert("2020"); } </script> </head> <body> </body> </html>
只会显示后面的内容：
JQ：
<!DOCTYPE html> <html> <head> <meta charset=http://www.mamicode.com/"UTF-8"> <title>Jquery入门</title> <script type=http://www.mamicode.com/"text/javascript" src=http://www.mamicode.com/"../js/jquery-1.8.3.js" ></script> <script> $(function(){ alert("2020"); }); $(function(){ alert("新年快乐！"); }); $(function(){ alert("Happy new Year!"); }); </script> </head> <body> </body> </html>
点击确认按键，依次显示以下内容：
（3）JQ的加载速度要比JS快：
<!DOCTYPE html> <html> <head> <meta charset=http://www.mamicode.com/"UTF-8"> <title>Jquery入门</title> <script type=http://www.mamicode.com/"text/javascript" src=http://www.mamicode.com/"../js/jquery-1.8.3.js" ></script> <script> window.onload =http://www.mamicode.com/ function(){ alert("新年快乐！"); } $(function(){ alert("2020"); }); </script> </head> <body> </body> </html>
jQuery 的入口函数是在 html 所有标签都加载之后，才会去执行。
JavaScript 的 window.onload 事件是等到所有内容，包孕外部图片之类的文件加载完后，，才会执行，因此，加载速度较慢。
JQ——初识JQ、JQ入口函数与JS入口函数的区别
温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/31027.html
- 上一篇： [外链图片转存失败
- 下一篇： 这里主要是说使用JS和JQ获取a标签的href网址
![[转]Node.js中package.json中^和~的区别](/uploads/allimg/200519/054J34453_lit.png "[转]Node.js中package.json中^和~的区别")