• Jquery入门


        很早前看Jquery。但博客不写,因为它已经没用。工作太忙,招收学校狗。首先,我们去了一个小的创业公司。真的好环境,刚刚复出,并获得另外一个offer,考虑终于走了一个又一个。了一家我个人还是认为非常惬意的公司。环境条件是我大学里面就非常憧憬的,鼓掌。!。。!

    鼓掌!!

    。!。!


        互联网公司的工作氛围比較轻松融洽。没ps3,xbox可是有一张桌上足球桌。事实上我大学里最喜欢的是相似豌豆荚这样企业文化的公司。有个简简单单的阿姨。简简单单的人际关系,最重要的,有好吃的。只是。实力问题,豌豆荚这种企业还须要我多两三年磨练。

    豌豆荚尽管如今被巨头压得喘只是气,只是也希望豌豆荚越走越好。


        实习阶段老大跟我说的是项目主要用jQuery EasyUi,js一直比較弱,之前想学没用到也没写了,界面的写得少。

    如今開始借助w3cschool的教程加其它人的资料进行学习。

    当然用一手资料是最推荐的。

    jQuery的官方Learning center。


    里面的四个人厉害!


         Jquery是一个js框架,里面集合了好多js的东西,方便使用,理念就是少写多用。也希望能在多种浏览器进行兼容。做前端的师兄装了多个浏览器,就是測试兼容性的问题。

        

       Jquery用处: HTML 元素选取元素操作、CSS 操作、HTML 事件函数、JavaScript 特效和动画、HTML DOM 遍历和改动、AJAX等等。


       简单入门样例:

    <!DOCTYPE html>
    <html>
    <head>
    <script src="/jquery/jquery-1.11.1.min.js">
    </script>
    <script>
    $(document).ready(function(){
      $("p").click(function(){
        $(this).hide();
      });
    });
    </script>
    </head>
    <body>
    <p>点击我。我会消失。</p>
    </body>
    </html>

    点击之后,文字消失,看到script的src没有。你须要去官网下载一个文件,

    Download the compressed, production jQuery 1.11.1   压缩过的产品版本号

    Download the uncompressed, development jQuery 1.11.1  未压缩开发版本号


        除了自己建立文件。还能够採用CDN(Content Delivery Network。内容分发网络)。简单来说就是联网使用近的server的资源。

    <head>
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
    /jquery-1.4.min.js"></script>
    </head>
        这里是微软的,奇妙的是用了这个之后火狐能够显示效果了,谷歌的就不用了,近期被墙的厉害,用GoAgent也慢。


    同一时候,也在Eclipse中实现Github的提交是非常方便的事情:GitHub使用教程for Eclipse

    博客园里面一篇文章,按上面的操作成功push。

    同一时候自己在博客上也加入了自己的GitHub地址,都是些做过的小项目传了上去。


    进入正题:

    jQuery 语法:


    仅仅要知道这个就知道整个框架的核心东西了。由于其它都是封装好的东西。由于w3c有非常多资料,就不再反复。



    JQUERY语法语法 $(selector).action() $定义jquery selector 查找html元素 action 元素操作


    $

    $ 事实上是JQuery的别名,事实上jQuery源文件里都是JQuery.xx。

    你能够把它看成是一个函数名。

    var my=jQuery.noConflict()。使用自己的名称,my来取代 $ 符号。


    SELECTOR

    元素选择器

    $(this).hide() - 隐藏当前元素

    $("p").hide() - 隐藏全部段落

    $(".t").hide() - 隐藏全部 class="t" 的全部元素

    $("p.t").hide() 隐藏全部class=“t”的元素

    $("#t").hide() - 隐藏全部 id="t" 的元素

    $("p#t").hide()-隐藏全部id=“t”的元素

    属性选择器

    jQuery 使用 XPath 表达式来选择带有给定属性的元素。

    $("[href]") 选取全部带有 href 属性的元素。

    $("[href='#']") 选取全部带有 href 值等于 "#" 的元素。

    $("[href!='#']") 选取全部带有 href 值不等于 "#" 的元素。

    $("[href$='.jpg']") 选取全部 href 值以 ".jpg" 结尾的元素。

    CSS 选择器

    jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。

    以下的样例把全部 p 元素的背景颜色更改为红色:$("p").css("background-color","red");

    主要就是选择器上的选择,action的话有专门的api,找对要操控的东西,进行对应的方法操控就可以。


    action

    这东西方便和牛逼的地方都在这里,为什么说上面那github上的四个人厉害。就是他们四个人用了js实现之后让我们方便调用,而要调用的方法就像jdk的api一样,jQuery Core API Documentation

    当然jQuery方法少的多了。

    像hide,fadeIn这些一看就知道意思的,再结合你听听上网看到的那些华丽的效果。结合方法名直接就能够知道这些方法有什么用。


    元素那一块的id,name,class之类的东西搞不懂,那就要回去看看css和html的东西。

    而想读读js源文件。那就要好好看看js和dom操作的一些内容了。



    版权声明:本文博主原创文章,博客,未经同意不得转载。

  • 相关阅读:
    c++ 容器学习 理论
    TCP和UDP发送数据包的大小问题
    key.go
    election.go
    watch.go
    txn.go
    sort.go
    retry.go
    op.go
    maintenance.go
  • 原文地址:https://www.cnblogs.com/lcchuguo/p/4806292.html
Copyright © 2020-2023  润新知