接着上一篇文章，从这篇文章起，开始敲开了学习JQuery的大门了。最后我会分享下JQuery的Cheat Sheet。这里只会介绍些基础的JQuery以及Cure javascript的资料。在以后的学习日子里，我会介绍些面向对象编程知识和C#泛型、算法等基础知识。

   首先来看看$()的特性，这里的作用只不过是用来简便获取标签名的手法，其实可以在javascript的dom方法中可以用document.getElementsByTagName()来获取元素的Tag Name。好了阐述一下$()的使用方法：

     ID:#myid用来获取元素的ID属性。$('#myid')，不管它的Tag Name是什么，匹配唯一元素的ID为myid属性。这里的唯一，依我的理解是相对于ID而言的。例如(省略了相关标签)：

   $('#myid').css("border","3px solid #FF0000");
   $("p#myid").css("border","3px solid #000000");

   <p id="myid">Hello World!</p>
   <div id="myid">Hello JQuery!</div>
  
 它执行的结果是作用于显示段落元素p的样式。这个因为在document中，每一个ID仅可以使用一次，并且是唯一的。所以它会首先匹配第一个元素p。

  Class:.myclass用来获取元素的css类名。$('.myid')用来匹配元素中含有myid的css类名。例如：

     $('p.myid').css("border","3px solid #FF0000");
     $('div.myid1').css("border","3px solid #000000");

       <p class="myid">Hello World!</p>
      <div class="myid">Hello JQuery!</div>

它执行结果是分别作用于段落元素p和区域div的css样式。注意这里的class的同类名是允许的。也可以同时获取document中元素的css类名，$('p.myid,div.myid').css("border","3px solid #FF0000");

最后分享一下JQuery的Cheat Sheet：

评论