接着上一篇文章,从这篇文章起,开始敲开了学习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:

评论