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