现在的位置: 首页 > 综合 > 正文

JQuery总结

2013年01月26日 ⁄ 综合 ⁄ 共 1066字 ⁄ 字号 评论关闭

概述

       JQuery的视频已经看完了,视频中的实例也跟着敲了一遍,在看视频,敲代码,以及后期的总结中有很多的感触,下面说一些自己的收获

看视频和敲代码过程

       在敲JQuery视频中实例的过程中,给我最深的感触就是对HTML和CSS的作用有了更深的了解。敲写一个窗体时,首先要看这个页面有哪些HTML标签构成,然后书写相应的HTML文件,再看页面的显示效果(布局和外貌),通过书写CSS内容来实现页面的显示效果,然后查看,网页中元素具有哪些事件的响应,这些响应分别是修改了页面中的哪些内容(整个元素,元素的属性)。

       视频中老师讲课的条理非常的清楚,描述过程中的步骤非常的清楚,这个是我们应该培养的,在进行相应的编程时,应该首先用注释描述清楚过程中每个步骤应该做的内容,然后再在相应的注释下面书写相应具体的代码。

总结过程

       总结的过程现在还没有完成,就说说目前阶段的总结吧。看视频的过程中做了相应的笔记,完成了相应的实例,目前的总结,是根据视频中讲解的知识点,进行总结,总结的过程中把学习JQuery的API文档排在很重要的位置上。下面说一些具体的内容。

       鼠标停放在元素上,鼠标样式变手型。具体的实现有很多种,但是,思路无外乎就这两种。

方式一
        html中添加如下代码
                <a href = "#">内容</a>
        CSS中添加如下代码
                a{
                       /*取消下划线*/
           text-decoration:none; 
                       /*字体颜色*/
                       color:red;
                       /*行级元素转换为块级元素,并改变其属性的作用范围*/
                       display:block;
                       width:500px;
                }
方式二
         CSS中添加如下代码
               #clsss{
                   cursor:pointer; 
               }

       内容水平居中显示

水平居中
         /*盒子模型在浏览器中居中*/
         margin-left:auto;
         margin-right:auto;
         
         /*盒子模型中的元素在盒子模型中居中*/
         text-align:center;

         1、盒子模型的width为浏览器的可视宽度;默认情况
                  #clsss{
                      text-align:center;
                  }
           
         2、盒子模式的width不为浏览器的可视宽度
                  #clsss{
                      width:500px;
                      margin-left:auto;
                      margin-right:auto;
                      text-align:center;
                  }

总结

       读万卷书,不如行万里路;行万里路,不如阅人无数;阅人无数,不如明师指路。遇到名师,你不要等着人家刻意的去指导你,你才有所收获,要学会从他的言行举止中学到东西。具体的总结还没有完成,下面会继续这方面的事。

抱歉!评论已关闭.