jquery详细笔记.doc

jQuery学习笔记一（jQuery选择器） 　　　jQuery官方网站：/?可以通过这个地址下载到最新版的jQuery jQuery 基本选择器 　　jQuery选择器的符号与CSS样式表选择器一样，id使用#，class使用.，html选择器直接使用标签，如div，td等，还有其他多种选择器，后面会陆续介绍到。 [ id 选择器] 　　原本在JavaScript下，要想选择一个id=“aa”的需要这样：document.getElementById(aa); 才能获取到aa这个对象，而通过jQuery选择器，只需这样：$(#aa)? 就获取到了id为aa的对象，从而就可以对它进行操作，十分的方便。也是我使用最频繁的一个选择器。 如果查找含有特殊字符的元素，如：span id=aa:bb/spanspan id=aa[bb]/spanspan id=aa.bb/span 就需要使用反斜杠来进行字符的转义了，以上三个例子就需要这样获取到对应的对象： $(#aa\\:bb)$(#aa\\[bb\\])$(#aa\\.bb)这样才能通过ID正确获取到该对象。如果存在多个id相同的对象，则只会匹配到第一次出现的。 [?class 选择器?] 　　使用上与id选择器差不多，只是id用的是“ # ”而class选择器使用的就是“?. ”，只要class相同的，就能被匹配到，如：div class=notSelect不选择我/divspan class=selectMe选择我/divp class=selectMe也选我/p使用$(.selectMe)将会匹配到span class=selectMe选择我/div?与 p class=selectMe也选我/p [?HTML 选择器 ] 　　如果需要选择网页中出现的所有div，则可以通过这种方式进行选择 $(div) ，用的也比较少，css中倒是经常这么来编辑样式，不过jQuery这种方式选择，是不是说可以用来整体修改某中html标签的整体样式？有空可以尝试一下。 jQuery 索引值选择器 　　索引值都是从 0 开始的。也是非常有用的一种选择器。比如想让表格奇偶行显示不同的颜色，则可以使用索引值选择器进行操作。 [ :first 选择器 ] [ :last 选择器 ] table? trtdHeader 1/td/tr? trtdValue 1/td/tr? trtdValue 2/td/tr/table比如上面的html代码，我们需要查找到第一行的元素对象，则可以通过这样获取 $(tr:first) 就可以获得trtdHeader 1/td/tr使用 $(tr:last) 就可以获取到 trtdValue 2/td/tr 元素对象 [ :not 选择器 ] 去除所有与给定选择器匹配的元素 在jQuery 1.3中，已经支持复杂选择器了，例如:not(div a) 和 :not(div,a) 查找所有未选中的 input 元素input name=apple /input name=flower checked=checked /使用 $(input:not(:checked)) 得到 input name=apple / [ :even 偶选择器 ]? [ :odd? 奇选择器 ]???? 奇偶选择器 table? trtdHeader 1/td/tr? trtdValue 1/td/tr? trtdValue 2/td/tr/table 奇偶选择器是从0开始计算的，如果需要选择上面表格的偶行，则使用 $(tr:even) 选中trtdHeader 1/td/tr 与 trtdValue 2/td/tr使用$(tr:odd) 选中?? trtdValue 1/td/tr [ :eq 索引选择器 ]? table? trtdHeader 1/td/tr? trtdValue 1/td/tr? trtdValue 2/td/tr/table 　　索引选择器，也是从0开始，如果我要选择第二行，则使用 $(tr:eq(1))即可获得? trtdValue 1/td/tr [ :gt 比给定索引大 ] [ :lt 比给定索引小 ] 的选择器 table? trtdHeader 1/td/tr? trtdValue 1/td/tr? trtdValue 2/td/tr/table $(tr:gt(0)) 将匹配? trtdValue 1/td/tr 与 trtdValue 2/td/tr? 选择比给定索引为 0 大的元素 $(tr:lt(2)) 将匹配? trtdHeader 1/td/tr 与 trtdValue 1/t