JQuery 学习之 一

   关于jquery 的历史就不再讲叙了,网络上比比皆是,呵呵不过想学习一门新的技术，了解它的前生和现在的应用范围以及以后的发展领域是值得翻阅滴.

    

   刚刚开始  得做好笔记

  推荐网站

  1  官方以及论坛

  2   推荐网页   http://www.cssrain.cn/demo/lab/%E7%AC%AC%E4%B8%80%E7%AB%A0.htm   

                          http://wiki.jquery.org.cn/   

  3推荐下载书籍以及源代码  -------------呵呵忘记地址了------------

   jQuery的使用非常简单 

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
        //就这么简单
});
</script>

 

上面的代码也可以简写成

(function($) {
        //some code.
});

要使用jQuery首先要熟悉它的选择器，这是个很神奇的东西，把以前复杂的JS代码变得非常简洁，jQuery的选择器和CSS十分类似，使用起来是那么的熟悉，这也是我喜欢jQuery的原因。

 

以前用JS选择某个id需要使用：

document.getElementById('id');

显然这太麻烦了，而现在：

$('#id');

就是这么简单。 

下面是一些常用的选择器：

|   $('a');           //选择页面中所有a标签

|   $('.text');       //选择所有class="text"的标签

|   $('p.text');      //所有class="text"的p标签
|   $('.text p');     //所有class="text"的后代元素p标签
|   $('text > p');    //所有class="text"的子元素p标签

上面这三个意思完全不同，一定不能弄混。

$('t1','t2','t3');

$('input[@type="text"]');

$('tr:odd');

$('tr:even');

$('tr:cq(0)');
$('tr:nth-child(1)');

这两个要特别注意下，jQuery的选择器索引是从0开始的，而CSS选择器索引从1开始，所以这两个是等价的，

都是选择第一个tr标签。