zoukankan      html  css  js  c++  java
  • 1.0接触jQuery和配置环境

      一、什么是jQuery?

        刚接触这个词语是,都会带给我们一种陌生的感觉,会让我们产生好奇心,等不耐烦的同学就会到百度查找这个词语的相关资料。

          其中我也不例外:

        

         红色表名的字体是比较重要的字眼。简单来说,jQuery就是一个快速、简洁的JavaScript框架,倡导写更少的代码,做更多的事情,又一个优秀的JavaScript代码库。

      二、怎么配置它的环境。

         输入www.jQuery.com网址,进入到官方网站。

          

         会看到下面的页面,根据我框框选中的下载就行了。

          

        下载完会看到

         

        在导入之前,在你的项目中创建一个包,名为(js

         

        然后把你下载后的包,直接拉在js的目录下就OK了。

         

      三、我们创建一个jQuery.jsp文件来简单的显示一下

        在我们打代码之前,先链接到这个包

         

        我们来弄一个简单的点击div弹出对话框,对话框正好是div里面的内容

        代码段:

            <script type="text/javascript">

              $(function(){

                $("#a1").click(function(){
                  alert($(this).text());
                });
              });
            </script>

            <body>

              <div id="a1"></div>

            </body>

        

      四、有些童鞋看到这些代码,会有一个困惑,我改如何写代码而不会出现漏括号或者分号呢

         第一步,先写$(function(){});,然后在花括号里面按回车。

          

         第二步,第一步回车后就接着在里面打代码,代码段为:$("#a1").click(function(){});,然后也在花括号里面按回车。

          

         第三步,在光标里面输入alert($(this).text());代码段,然后演示结束。

          

         下一章节,将会深入地介绍选择器和工厂函数。

         

  • 相关阅读:
    构建之法 读书笔记二
    聚集索引,非聚集索引,覆盖索引
    最佳左前缀法则
    悲观锁和乐观锁
    JVM (三)- GC 垃圾回收器
    JVM 内存模型
    Java内存模型(JMM) 和 JVM 内存模型区别
    byType 和 byName 的区别
    Spring注入方式
    Java高性能编程-java基础-1.1.5线程通信
  • 原文地址:https://www.cnblogs.com/wyj1212/p/7234255.html
Copyright © 2011-2022 走看看