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

          

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

         

  • 相关阅读:
    Apache Struts 2.3.12 GA?
    emacs配置《转》
    vim配置
    vim插件
    git使用
    ubuntu常用设置
    Eclipse如何关联已经clone的Git项目
    变量名、对象引用(指针)与堆栈
    Web项目转换为groovy项目的步骤
    日志 20071208(SvcUtil.exe,高并发网站架构)
  • 原文地址:https://www.cnblogs.com/wyj1212/p/7234255.html
Copyright © 2011-2022 走看看