Web阶段：第五章：JQuery库

忍者1

于 2021-10-14 20:15:46 发布

阅读量62

点赞数

分类专栏： jsp 文章标签： web jquery

原文链接：http://www.mark-to-win.com/tutorial/51356.html

版权

jsp 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

Jquery介绍
1.什么是JQuery ?
jQuery，顾名思义，也就是JavaScript和查询（Query），它就是辅助JavaScript开发的js类库。

2.JQuery核心思想:
它的核心思想是write less,do more(写得更少,做得更多)，所以它实现了很多浏览器的兼容问题。

3.JQuery流行程度
jQuery现在已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。

4.JQuery好处:
jQuery是免费、开源的，jQuery的语法设计可以使开发更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。

Jquery 的初体验
需求：使用Jquery和javascript给一个按钮绑定单击事件
注意：使用Jquery之前要将第三方jar包导入

    <!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>
            <script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
            <script type="text/javascript">
                //使用javaScript给一个按钮绑定单击事件
                window.onload = function() {
                    //1 获取标签对象
                    var btnObj = document.getElementById("btnId");
                    //2 通过标签对象.事件名 = function(){}
                    btnObj.onclick = function() {
                        alert("js原生绑定的单击事件");
                    }
                }
                //使用Jquery给一个按钮绑定单击事件，Jquery中的$()代替window.onload
                // alert($); // 测试jquery引入是否成功！$是jquery的核心函数
                $(function(){ // 页面加载完成之后====>>>>window.onload = function()功能一样
                    var $btnObj = $("#btnId");// 根据id属性值查询标签对象
                    $btnObj.click( function(){    // 绑定事件
                        alert("这是jquery绑定的单击事件");
                    } );
                });
            </script>
        </head>
        <body>
            <button id="btnId">SayHello</button>
        </body>
    </html>

常见问题？
1、使用jquery一定要引入jquery库吗？答案：是
2、jquery中的$到底是什么？答案：核心函数
3、怎么为按钮添加点击响应函数的？答案：操作如下：
①获取标签对象 var $btnObj = $("#btnId");// 根据id属性值查询标签对象
②通过标签对象.click( function(){} ) 绑定了函数

Jquery 核心函数 $()
$ 是jquery的核心函数，能完成jquery的很多功能。 $() 就是调用$ 这个函数

忍者1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web阶段：第五章：JQuery库

Jquery介绍1.什么是JQuery ?jQuery，顾名思义，也就是JavaScript和查询（Query），它就是辅助JavaScript开发的js类库。2.JQuery核心思想:它的核心思想是write less,do more(写得更少,做得更多)，所以它实现了很多浏览器的兼容问题。3.JQuery流行程度jQuery现在已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。4.JQuery好处:jQuery是免费、开源的，j
复制链接

扫一扫