零基础自学jQuery,从Hello World开始。

最近用到很多有关于jQuery的东西,所以就写点儿东西去记录一下。希望对零基础学jQuery的小伙伴儿起到抛砖引玉的作用。

总体来说学jQuery就这三步。

下载jQuery库:https://jquery.com/

引入到项目

编写jQuery代码

为了入门者的门槛低一些,我就啰嗦一些,写的详细点儿。

1.1 下载jQuery库

    到官网:https://jquery.com/会看到如下界面

2.1 引入到项目 

    如下图所示

3.1 编写jQuery代码

------html start----------------

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title>jQuery从零基础开始学jQuery</title>

    <script src="jquery-3.4.1.js"></script>

    <script>

        /*  

        我们学过的语言都有入口函数,jQuery也不例外

        它的入口函数有好几个写法,这里只介绍一种,

        希望记住:

        */

        /*

        "$()"为入口函数,所有的代码,需要在它里面才

         能执行,注意:jQuery可以同时有好多入口函数

         这些会依次被执行,但是其他语言就会报错,就

         连原生的js中,两个相同的函数名,只会执行最

         后一个

         */

        //1.入口函数可以传一个函数进去“function() { }”

        $(function () { 

            $();

            alert('hello world!');

            $(function () {

            });

        });

        //2.入口函数可以传一个对象,将这个对象转化为

        //jQuery对象,此对象就能使用jQuery去操作了。

        //var $obj = $('任意对象');

        // $obj.各种方法()

    </script>

</head>

<body>


</body>

</html>

------html end----------------

学习、或其他编程问题请关注公众号:“软件编程网站开发

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,002评论 1 45
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,107评论 0 3
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 13,798评论 1 32
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,206评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,906评论 0 1