• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
风逆
博客园    首页    新随笔    联系   管理    订阅  订阅

jQuery选择器学习摘要(-)

作用:准确找到某元素,为该元素添加属性或事件。

特点:代码简单、检测机制完善(不需要检测某元素是否存在就可为其赋予相应的属性或事件)。

种类:根据获取页面中元素的不同,分为:基本选择器、层次选择器、过滤选择器、表单选择器四大类。过滤选择器又可分为:简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器。

基本选择器:由ID、Class、元素名、多个选择符组成。

语法:

选择器                  功能                            返回值

#id                根据给定的ID匹配一个元素                 单个元素
element             根据给定的元素名匹配所有元素                元素集合
.class              根据给定的类匹配元素                    元素集合
*                匹配所有元素                        元素集合
selector,selectorN       将每一个选择器匹配到的元素合并后一起返回          元素集合

层次选择器:通过DOM元素间的层次关系获取元素,包括后代、父子、相邻、兄弟

语法:

选择器                 功能                        返回值

ancestor descendant    根据祖先元素匹配所有的后代元素                元素集合
parent > child        根据父元素匹配所有的子元素                  元素集合
prev + next         匹配所有紧接在prev元素后的相邻元素               元素集合 (可以用.next()代替)
prev ~ siblings        匹配prev元素之后的所有兄弟元素                元素集合 (可以用.nextAll()代替)
.siblings()方法        获取全部相邻元素                       元素集合

posted @ 2011-06-13 15:58  风逆  阅读(96)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3