幼熙的游戏吧 关注:9贴子:649

【学习记录①】jquery

只看楼主收藏回复

既然是我的吧,自然得记录方方面面,学习也不例外~
最近项目中接触到大量的jquery,以前学的那些个皮毛自然是不够了~
废话不多说,开始记录吧~
此贴不水了,学习贴~


1楼2013-12-01 11:48回复
    jquery中最最基础的:
    $(document).ready(function(){
    alert("您好,欢迎来到jQuery世界");
    })
    好多开发语言中最最常见的莫过于,hello world~
    hello, java world~hello,c world~hello,ruby world~hello,javascript world~hello,html5 world~
    blabla~


    3楼2013-12-01 11:57
    回复
      我现在学习的这本书叫做 《jquery权威指南》~
      以前看过《锋利的jquery》~时间有点久了,都忘的差不多了,不过那也是一本好书~


      4楼2013-12-01 12:01
      回复
        jquery基本功能
        1.访问和操作DOM元素
        2.控制页面样式
        3.对页面事件的处理
        4.大量插件在页面中的运用
        5.与ajax技术的完美结合


        5楼2013-12-01 12:41
        回复
          $(document).ready(function(){...});与javascript中window.onload=function(){...}类似,在功能上可以互换,又有好多区别:
          1.执行时间不同。
          $(document).ready在页面框架下载完毕后执行;后者必须在页面全部加载完毕完成(包括图片下载)后才能执行。前者的执行效率高于后者。
          2.执行数量不同。
          $(document).ready可以重复写多个,并且执行结果不同。而window.onload尽管可以执行多个,但仅输出最后一个执行结果,无法完成多个结果的输出。
          3.$(document).ready(function(){...});可以简写成$(function(){});


          7楼2013-12-01 14:41
          回复
            <script type="text/javascript">
            $(function(){
            $(".divTitle").click(function(){
            $(this).addClass("divContent").next(".divContent").css("display","block");
            });
            });
            </script>
            .class


            8楼2013-12-02 11:57
            回复
              度娘阅读出的活动...
              http://yuedu.baidu.com/customer/browse/redpacketevent?uid=9f5fc1d549649b6648d747da
              细节不多说了,总之12月是我的读书周了...
              在线转入另一本《精彩绝伦的jQuery》....


              9楼2013-12-03 15:44
              收起回复
                jquery擅长操作维护DOM(document object model,文档对象模型)实际上把代表web页面的html代码表示成一个树形结构,其中每个树杈都是属于一个层次结构的、彼此连接的一个节点。
                api(application programming interface,应用编程接口)


                10楼2013-12-03 16:03
                回复
                  5个主流javascript库(开源项目):YUI,Prototype,mootools,dojo和jquery。


                  12楼2013-12-03 16:09
                  回复
                    CDN(content delivery network,内容分发网络),是由一些网络公司巨头(如谷歌、微软、akamai等)提供的内容分发方案。
                    如果使用托管方案,可以在url中指定要jquery版本。
                    使用托管在谷歌上的托管jquery。
                    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js></script>


                    13楼2013-12-03 16:40
                    回复
                      本书中所有的例子都使用html5 doctype一确保在较老的浏览器中实现 渐进增强和优雅降级 。
                      html5 doctpye设置:<!doctype html>
                      渐进增强 和 优雅降级
                      这个概念先放着吧,有空补....


                      14楼2013-12-03 16:47
                      回复
                        在页面中包含jquery库,有2种的样子:
                        看下面吧......


                        15楼2013-12-03 17:04
                        回复
                          1.jquery包含到页面的头部,先包含css文件,确保在修改DOM之前页面就已经被正确渲染。
                          <!DOCTYPE html>
                          <html>
                          <head>
                          <link href="css/global.css">
                          <script src="js/jquery.js" type="text/javascript"></script>
                          <script type="text/javascript">
                          //脚本
                          </script>
                          </head>
                          <body>
                          </body>
                          </html>


                          16楼2013-12-03 17:05
                          回复
                            2.把jquery库包含到页尾。在某种程度上提高页面加载速度,因为javascript不会阻塞页面其他部分的加载(在页头加载脚本会阻塞页面的渲染)。另外也能确保在javascript起作用之前DOM已经加载完。
                            <!DOCTYPE html>
                            <html>
                            <head>
                            <title>hello jquery!</title>
                            <link href="css/global.css">
                            </head>
                            <body>
                            <script src="js/jquery.js" type="text/javascript"></script>
                            <script type="text/javascript">
                            //脚本
                            </script>
                            </body>
                            </html>


                            17楼2013-12-03 17:11
                            回复
                              注意,如果在页面上包含托管在谷歌CDN上的jquery,一定要使用谷歌提供的绝对路径。
                              见13楼。


                              18楼2013-12-03 17:15
                              回复