jQuery的使用

Posted yang-wei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery的使用相关的知识,希望对你有一定的参考价值。

使用jQuery的基本步骤

(1)引包

(2)入口函数

(3)功能实现代码(事件处理)

<script type="text/javascript" src="jquery.js"></script>    //引包
<script type="text/javascript">
    $(function(){       //入口函数
        $("selector").click(function(event) {   //功能实现代码
            alert("事件处理函数")     
        });
    })
</script>

注意:导包的代码一定要放在js代码的上面

jQuery的版本

jQuery有两个大版本:


  • 1.x版本: 最新版为v1.11.3

  • 2.x版本: 最新版为v2.1.4(不再支持IE6、7、8)

  • 3.x版本


下载jQuery之后里面会有两个文件,分别是jquery-3.3.1.js和jquery-3.3.1.min.js。

它们的区别是:
  • 第一个是未压缩版,第二个是压缩版

  • 平时开发过程中,可以使用任意一个版本

  • 项目上线的时候,使用压缩版,因为更小















  • 以上是关于jQuery的使用的主要内容,如果未能解决你的问题,请参考以下文章

    26个jQuery代码片段使用技巧

    常用的几个JQuery代码片段

    几个有用的JavaScript/jQuery代码片段(转)

    高效Web开发的10个jQuery代码片段

    高效Web开发的10个jQuery代码片段

    12个用得着的 JQuery 代码片段