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() 方法可以释放 $ 标识符的控制,这样其他脚本就可以使用它了。


原文地址:https://www.cnblogs.com/Sherlock-J/p/12926037.html