• jQuery几点心得


             jQuery是JS的一个框架,由于个人水平,不可能超过官方的说明文档,所以要寻找完整教程的,去找一下官方文档或者大牛吧。在此只是记录下个人的学习过程中的一点心得。

             1.jQuery的添加可以是以.js文件部署于服务器上也可从 Google 或 Microsoft 加载 CDN jQuery 核心文件。

             2.jQuery是为事件处理特别设计的。这一点十分重要,因为框架的选择是为了某个功能在编写和维护上的简易化。

             3.jQuery 提供漂亮的页面动态效果,但是在用到的时候由于jQuery的语法灵活,实现同样效果的代码,可以使用多种格式来写,额,还是要养成一个风格统一的代码习惯。

             4.当使用 animate() 时,必须使用 Camel 标记法书写所有的属性名!!!!同时,色彩动画并不包含在核心 jQuery 库中。

             5.jQuery 拥有可操作 HTML 元素和属性的强大方法。

             6.jQuery 中同一函数有多种功能。如text()就具有设置或返回值的作用,即读/写,用的时候要搞清楚。

             7.回调函数function(i,origText),中i是指被选元素列表中当前元素的下标,当你所选中的元素只有一个时,i=0;但当选中元素列表时,i为各元素的下标值。

             Ps:试试这代码吧(jquery包得加上),另外建议读官方API

    <!DOCTYPE html>
    <html>
    <head>
    <script src="/jquery/jquery-1.11.1.min.js"></script>
    <script>
    $(document).ready(function(){
      $("#btn1").click(function(){
        $( "ol li" ).text(function( index ) {
      return "List item " + ( index + 1 );
    });
      });
      $("#btn2").click(function(){
        $("ol").prepend("<li>List item </li>");
      });
    });
    </script>
    </head>
    <body>
    
    <ol>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
    </ol>
    
    <button id="btn1">尾部值就是各元素的i</button>
    <button id="btn2">添加列表项</button>
    
    </body>
    </html>
    

             8. 通过 jQuery,可以很容易地对 CSS 元素进行操作。额,这个跟它在HTML上的厉害相比不足,都是些实用的方法,但不多

     

             9. jQuery遍历使页内元素有了高度的联接性,但是,它的遍历函数参数使用风格不统一。如:first(), last() 和 eq()。要用到此类功能时,需注意查阅API。

     

             10.jQuery - AJAX,使得AJAX的运用变得非常简单,但功能却十分强大。

     

             11.jQuery get() 方法可能返回缓存数据。

     

             12.noConflict() 方法可以释放 $ 标识符的控制,这样其他脚本就可以使用它了。


  • 相关阅读:
    矩阵游戏|ZJOI2007|BZOJ1059|codevs1433|luoguP1129|二分图匹配|匈牙利算法|Elena
    BZOJ3262: 陌上花开
    BZOJ1176: [Balkan2007]Mokia
    BZOJ1261: [SCOI2006]zh_tree
    BZOJ2004: [Hnoi2010]Bus 公交线路
    BZOJ1066: [SCOI2007]蜥蜴
    BZOJ1294: [SCOI2009]围豆豆Bean
    BZOJ2756: [SCOI2012]奇怪的游戏
    BZOJ1857: [Scoi2010]传送带
    BZOJ1237: [SCOI2008]配对
  • 原文地址:https://www.cnblogs.com/Sherlock-J/p/12926037.html
Copyright © 2020-2023  润新知