jQuery几点心得

来源:互联网 发布:剑三男神脸数据2016 编辑:程序博客网 时间:2024/04/28 21:21

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


0 0
原创粉丝点击