jquery 学习日记之选择器

看完Jquery选择器的教程视频后,对jquery的选择器有一定的认识和了解,现整理一下知识:

一、jquery基本选择器,这类比较简单,一笔带过。

  1. #id 选择器,是选择  匹配id值中的第一个元素,只选择第一个,后面所有匹配的均忽略。
  2. element 元素选择器,匹配所有 标签为element的所有元素。选择了所有。
  3. 类选择器,选择所有类为class的所有元素,也是选择了所有。
  4. * 模糊匹配
  5. 匹配多元素选择器,用逗号分隔,如$("p,a")

二、层级先择器 (再这样总结浪费时间,以下均只写自己的看法)

  1. $("table td")后代选择器,是选择<table>下所有的元素,包括子元素和子子元素等。以空格分隔
  2. $("table > td")子元素匹配,只匹配子元素。以>分隔
  3. prev + next 匹配紧接在prev元素后的next元素,若紧接着的不是next 元素,则选择失败。以+分隔
  4. prev ~ siblings 匹配在prev元素后的所有siblings元素,无论紧接与否。

三、属性选择器 

  1. []  用法$("[href]") 选择带href属性的元素。
  2. []=value 选择属性值为value的元素
  3. []!=value 选择属性值 不为value的元素
  4. []^=value 选择属性值以value开头的元素
  5. []$=value 选择属性值以value 结尾的元素
  6. []*=value 选择属性值中含value的元素
  7. [][][] 选择同时包含多属性的元素
posted @ 2014-04-14 16:46  jun_wang  阅读(193)  评论(0编辑  收藏  举报