JavaWeb之jQuery基本技术

    技术2022-07-14  68

    一、jQuery介绍

    ——JavaScript和查询(Query),是辅助JavaScript开发的js类库。

    核心思想:write less, do more(写的更少,做的更多),所以解决了很多浏览器的兼容问题。流行程度:jQuery是最流行的JavaScript库。免费、开源,如:操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> //导入jQuery库 <script type="text/javascript" src="../script/jquery-1.7.2.js"></script> <script type="text/javascript"> /*window.onload = function () { var btnObj = document.getElementById(btnId); btnObj.onclick = function () { alert("JS 原生单击事件"); } }*/ $(function () { var $btnObj = $("#btnId");//按id查询标签对象 $btnObj.click(function(){ //绑定单击事件 alert("jQuery 的单击事件"); }); }); </script> </head> <body> <button id="btnId">SayHello</button> </body> </html>

    ——“$”符号,当传入的参数不同时,作用的不同

    二、jQuery核心函数

    $是jQuery的核心函数,能完成jQuery的很多功能,$()就是调用$这个函数: ① 传参为 函数 时; ——表示页面加载完成之后,相当于window.onload = function(){ }; ② 传参为 HTML字符串 时:

    Processed: 0.020, SQL: 9