1，什么是Jquery? JQuery，顾名思义，也就是JavaScript和查询，即是辅助JavaScript开发的库。 JQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。 全球前10000个访问最高的网站中，有65%使用了JQuery,是目前最受欢迎的JavaScript库。 JQuery的好处： 极大的简化了JavaScript开发人员遍历HTML文档，操作DOM。处理事件，执行动画和开发Ajax 2.JQuery 优点 1.极大地简化了JavaScript开发人员遍历HTML文档 2.操作DOM 3.简化处理事件 4.简化执行动画 5.开发Ajax 6.链式操作 7.隐式迭代
使用javascript 在网页中显示hello
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> window.onclick = function (){ var bt1 = document.getElementById("btn") bt1.onclick = function (){ alert("hello") } } </script> </head> <body> <button id="btn">点击此处</button> </body> </html>Jquery 是JavaScript 的第三方库，使用jQuery必须先引入jquery 的库文件 使用script 标签引入
使用jquery后编写
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- <script>--> <!-- window.onclick = function () {--> <!-- var bt1 = document.getElementById("btn")--> <!-- bt1.onclick = function () {--> <!-- alert("hello")--> <!-- }--> <!-- }--> <!-- </script>--> <script src="jquery.js"></script> <script> //编写js代码 //$():调用$方法 $():叫做jQuery的核心函数 //为$()方法传入一个function(){}作为参数：就相当于window.οnlοad=function(){代码} $(function (){ //使用$();查找元素，使用.click()来绑定点击响应函数 把单击响应函数作为click()的参数传入即可 $("#btn").click(function (){ alert("hello") }) }); </script> </head> <body> <button id="btn">点击此处</button> </body> </html>