• 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());代码段,然后演示结束。

          

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

         

  • 相关阅读:
    linux 笔试题
    shell -Z- d等等代表
    shell中for循环总结
    linux启动过程
    linux面试题3
    linux面试题2
    小峰servlet/jsp(4)EL表达式
    小峰servlet/jsp(3)登陆功能实现
    小峰servlet/jsp(2)
    java日期比较例子等...
  • 原文地址:https://www.cnblogs.com/wyj1212/p/7234255.html
Copyright © 2020-2023  润新知