浅谈jQuery选择器

Ｋ ｙ ｏｄ： ｕｒ； ｌ ｔｒ ｆｃ ｎｙ ｅｗ ｒｓＱ ｅ Ｓ ｅ ｏ；ｉ ｉ ｃ ｊ ｙ ｅｅ Ｅ ｅ
随着 Ｗｂ ． ｅ２０的兴起 ，人 们对 富因特 网应用 和 Ａ ａ ｊｘ技术重 新 燃 起兴趣 ，Ｊｖ Ｓｒ ｐ ａ ａｃ ｉｔ越 来越 受到重 视 ，很 多 以 Ｊ ｖＳ ｒｐ ａａ ｃｉ ｔ为 基 础 的类 库 已经渐渐 成为程 序 员手 中的利器 。 Ｑ ｅｙ以其优雅 的 ｊｕ ｒ 编 程方 式 ，独特 的姿 态 ，受到越 来越 多 的人 的关注 。 可 以看 出来 使用 ｉ ，相 当于直接 调用 ｄ ｃｍｎ ． ｔｌｍｎ ｄ ｏｕ ｅ ｔｇｅＥ ｅ ｅ ｔｙ ｄ（ Ｂｌ ）取得 元素 ，速 度会 非常 快 。但是 ，我们 需要 的选择 器通 常会 比这 复杂很 多 ，比如想选 择 ｉ 为 “ ”下 的 ｃ ａｓ “ ”的 ｄ ａ ｌｓ 为 ｂ 所有 元素 。 以这 样 写￥ ＃ ． ” ） 者￥ ＃ ” ）ｆｎ （“ ｂ 可 （“ ａｂ 或 （“ ａ ． ｉｄ ． ”） 这两 种方法 的执 行结果 是一 样的 ， 比如 ＜ ｉ ｄ ａ ＜ ｌｓ＝ ｄｖｉ＝“ ”＞ａｃａ ｓ “ ”＞／ ＞／ ｉ＞ ｂ ＜ａ ＜ｄｖ ，返 回的都 是＜ ｌｓ＝“ ”＞ ／＞ ａｃａ ｓ ｂ ＜ａ ，但 是执行 效率 是不 同的 。 通过 上面 的代 码可 以看 出来如果 不是 ｉ 形 式的选 ｄ 择器 ，那 么就执 行 ｆ ｎ 方法 了 。ｆｎ ｉｄ ｉｄ方法 如下 ：
ｈ ｄｅ ａ ｍ ｏ ｂ ｄ ｖ ｌ ｐ ｒ ｅ ｅ ｅｏ ｎｇ ｔ ｌｉｆ ｃｉ ｎ ． ａ ｆｔ ｆｍ ｌａ Ｓ． ｔ ｅｉ ａ ｐ ａｅ ｆＷ ｅ ｅ ｅｏ ｅ ｓｗｈ ｎ ｄ ｖ ｌｐｉ ｅ ｍｕ ｔ－ｕ ｔｏ ｓＢｙ ｍ ｅ ｎｓｏ ａ ｉｉｒ ＣＳ Ｘ ＨＴＭ Ｌ ｄ ｔ ｏ ｍ ｏ ｈ ｈｅ ｎ ａ ｈｅ ｃ ｍ ｎ
计 算机光盘 软件 与应用
２１ 第 ｌ ００年 ２期 Ｃ ｍ ｕ ｅ Ｄ Ｓｆ ｗ ｒ ｎ ｐ ｌ ｃ ｔ ｏ ｓ ｏｐ ｔｒＣ ｏ ｔ ａ ｅａ ｄＡ ｐ ａ ｉｎ ｉ 工 程 技 术
浅谈 ｊ ｕｒ 选择器 Ｑ ｅｙ
达 理 强
（ 沈阳职业技术 学院计算机 学院，沈 阳 １０ ２ ） １０ １
一
活力。
・－—
—
１ ０３ ・— － —
Ａｂ ｔ ｃ： ｏ ａｅ ｉ ｈｒ ｏ ｌ ａ ｋ ｈｃ ｙ ｐ ａｉ ｏ ｅ ｅ ｉ ｅ ｅｈ ｉ ｅ ｆ ａ ａ ｃ ｐｄ ｕ ｒ ｒ ｅ ａ ｇ ｓ ａ ｔ ｍｐ ｒ ｗ ｔ ｏ ｅ ｏ ｃ ｉｈ ａ ｓ ｍ ｈ ｓ ｎ ｈ ｘ ｌ ｔ ｎｑ Ｊｖ Ｓ ｒ ｔＱ ｅ ｓ ｉ ｓ ｏ ｈ ｎ ｅ ｒ Ｃ ｄ ｈｔ ｔ ｐ ｗ ｌ ｅ ｓ ｔ ｆ ｂ ｃ ｕ ｏ ｌ ｉ ｙ ｔｖ ｔ ｃ
（ ｏ ｕ ｒ ｏｌ ｅｏ ｈ ｎ ａ ｇＶ ｃ ｔ ｎ ｌ ｎ ｅ ｈ ｏ ｇ ａＣ ｌ ｇ ，ｈ ｎ ａ ｇ １ ２ ，ｈ ａ Ｃ ｍｐ ｔ ｌｇ ｆ ｅ ｙ ｎ ｏａｉ ａａ ｄ ｃ ｎ ｌ ｉ ｌ ｏｌ ｅＳ ｅ ｙ ｎ ０ １Ｃ ｉ ） ｅＣ ｅ Ｓ ｏ Ｔ ｏｃ ｅ １０ ｎ
Ｊ ｖ Ｓ ｆ ｔ ｎ ｗｌｄ ｅｉ ｏ ｅ ａｅ ｅｐ ｇ ｌｍｅ ｔ ｉ ｃｌ， ｉｈ ｆ ａｌ ｃ ｅ ｅ ｅｅ ｃｅ ｃ ． ａ ａ ｃ ｐ ｏ ｅ ｇ ， ｐ ｒ ｔｓ ａ ｅｅｅ ｎ ｓ ｒ ｔ ｗｈ ｃ ｎ ｌ ｉ ｒ ａ ｓ ｆ ｉｎ ｙ ｉ ｋ ｔ ｈ ｔ ｄｅ ｙ ｉ ｙｎ ｓ ｔ ｉ ｈ
摘 要 ：与其他 着重 关注 Ｊ ａｃｐ 灵活技 巧 的工具 包相 比 ， Ｑｕｒ ａ Ｓｆ ｔ ｖ ｉ ｊ ｅｙ力求改 变 Ｗｅ ｂ开发 者开发 富功 能 时的思 维方式 。 以 自己熟悉的 Ｃ Ｓ ＨＴ Ｓ 、Ｘ ＭＬ及普 ｉ ａａｃｉ 知识 ，去直接 操作 页 面元素 ，提 高开发 效率 。 ￣ＪｖＳｒ ｔ ｐ
关键 词 ： Ｑ ｅ ；选择 器 ；效 率 ｊ ｕｒ ｙ 中图分类 号 ：Ｔ ３ １ ２ Ｐ １． 文献 标识码 ：Ａ ５
文章 缟号 ：１０ — ５９ （ ００ １— １３ ０ ０７ ９９ ２１ ） ２ ００ — １
ｊ ｅｙＳ ｌｃｏ Ｑｕ ｒ ｅ ｔｒ ｅ
Ｄａ Ｌｑ ａ ｇ ｉ ｉｎ
／ 省略 若干代 码 ／ ｒ ｔ ｒ ｈ ｓ ｐ ｓ Ｓ ａ ｋ（ ［＋ ］ ＞ ／ ｔ ｓ （ ｅ ｅ ｔ ｒ ｅ ｕ ｎ ｔ ｉ ． ｕ ｈ ｔ ｃ ／ ＞ ［＋ ］ ． ｅ ｔ ｓ ｌ ｃ ｏ ） ｆｓ ｌ ｃ ｏ ． ｎ ｅ Ｏ （ ． ｅ ｅ ｔ ｒ ｉ ｄ ｘ ｆ ． Ｉ ）＞ ｌ 一？
／ 在 当前 的对象 中查找 ／
ｖｒ ｅ ｅｓ ｊｕｒ ．ａ （ｈ Ｓ ｆｎ ｔｏ （ ｌｍ ｛ ａ ｌｍ ＝ ０ ｅ ｙ ｍ ｐ ｔ ｉ ， ｕ ｃ ｉｎ ｅ ｅ ）
ｒ ｔ ｒ Ｏ ｅ ｙ ｆ ｎ （ ｅ ｅ ｔ ｒ ｅ ｅ ） ｅｕｎ ｊｕ ｒ． ｉｄ ｓｌ ｃｏ ， ｌｍ ：
｝； ）
ｊｕ ｒ ． ｎ ｑ ｅ （ ｌ ｍ ） Ｏ ｅｙｕ ｉｕ ｅｅ ｓ：
ｅ ｅｓ ； ｌｍ ）
ｉ （ａｃ＆ （ ａｃ ［］ ｝ｃｎｅ ｔ ） ｛ ｆ ｍｔｈ＆ ｍ ｔｈ １ ｉ！ｏ ｔｘ ） ／ 省略若 干代码 。 ／
ｅ ｓ ｛／ ｌ ｅ ／ 选择 器 是 ｉ ｄ的 。 ｖ ｒ ｅ ｅ ＝ ｏ ｕ ｅ ｔ ｇ ｔ １ｍ ｎ Ｂ Ｉ （ ａ ｃ ［］ ； ａ ｌｍ ｄｃｍ ｎ． ｅＥ ｅｅ ｔｙｄ ｍ ｔｈ ３ ）
作用 。
基本 选择 器是 ｊｕｒ Ｑ ｅｙ中最 常见 的选择 器 ， 也是 最简 单的选 择 器 。通过 ｉ 、ｃａ ｓ ｄ ｌｓ 、和标 签名来 查找 Ｄ Ｍ元 素 。下面 ，我们 来 ０ 看 下 ｊｕ ｒ 库 中 的代码 。 Ｏ ｅｙ 当我 们使用 选择 器时 ￥ ｓ ｌｃｏ ， ｏ ｔｎ ） 就 会执 行 ｉｉ （ ｅｅｔｒ ｃｎ ｅ ｔ ， ｎｔ （ｅｅ ｔｒ ｏｔ ｎ ） ｓ ｌｃｏ ，ｃｎｅ ｔ ，看看 ｉｉ ｎ ｔ中是怎 么执行 的 。在 ｉ ｉ： ｎｔ
ｆ ｎ ｔ ｏ ｓ ｌ ｃ ｏ ，ｃ ｎ ｅ ｔ ｕ ｃ ｉ ｎ（ ｅ ｅ ｔ ｒ ｏ ｔ ｘ ）中 。 ｉ （ｙ ｅｆｓ ｌｃｏ ＝ ｔｉｇ ） ｆ ｆ ｔｐｏ ｅ ｅｔｒ ＝ｓｒ ｎ
ｖ ｒ ｍ ｔ ｈ ｑ ｉ ｋ ｘ ｒ ｅ ｅ （ ｅ ｅ ｔ ｒ） ａ ａ ｃ： ｕ ｃ Ｅ ｐ ． ｘ ｃ ｓ ｌ ｃ ｏ ；
ｉ （ｌｍ ｆ ｆ ｅｅ ）
）
如 果这 样写 ￥ ＃ ． ”） 就会执 行到 扩展 的 ｆｎ （＃ ． ’ （“ ａｂ ， ｉｄ ‘ａｂ ， ｄｃｍ ｎ ） 那 么当前 的 ｔ ｉ 就 是 ｄ ｃ ｅ ｔ ｏｕ ｅｔ ， ｈｓ 若干 代码 。 ／
ｒｔｒ Ｏ ｅｙ （ｌｍ ； ｅ ｕ ｎ ｊ ｕ ｒ ｅ ｅ ）
） ／ 省 略若干 代码 。 ／ ｝
｝ ｌ ｅ ｅｓ（
ｒｔｒ Ｑ ｅｙ （ｏｔ ｘ ）．ｉｄ （ｅ ｅｔｒ ： ｅ ｕ ｎ ｊ ｕ ｒ ｃ ｎ ｅ ｔ ｆ ｎ ｓ ｌ ｃ ｏ ）
）
１
从整个 ｄｃ ｅｔ的第一 个 ｄｒ元素 开始 。 写成￥ ＃ ”）ｆｎ ｏｕ ｎ ｍ ｏ ａ 而 （“ ａ ．ｉｄ （“ｂ ） ． ” ，程 序直 接执行 到 ｄ ｃ ｅ ｔｇ ｔｌｍ ｎＢ Ｉ ）时就 ｏ ｕ ｎ ．ｅ Ｅｅ ｅｔ ｙｄ（ ｍ 返回 了， 接着 执行 ｆｎ ｉｄ（“ｂ ． ”， ｉＤ ｃｍ ｎ ） 而 ｄ ｖｏｕ ｅｔ ｄｖ ｏｕ ｅｔ ： ｉＤｃ ｎ ｍ 就是 ｉ 为 “ ”的 ｄ ｖ ｄ ａ ｉ ，如果 ｄｃｍ ｎ 下有 很多 ｄｍ元 素时 ，第 ｏｕ ｅ ｔ ｏ 二种方法 的 范围就会 小 很多 ，只会 在 ｉ 为 “ ”的 ｄｖ中进 行 ， ｄ ａ ｉ 这样效 率会大 大提 高 。 切 都 是为 了追 求简 单 ，我 们选择 了 ｊ ｕｒ ，随之而来 则会 Ｑ ｅｙ 带来一定 效率 的损 失 。但是通 过对 其 内部代码 的研 究 ，则可 以避 免一些 效率 上的损 失 ，这样 这把锋 利 的利刃 会使 我们 的代码 充满
ｆ ｎ ：ｆ ｎ ｔ ｏ （ ｅ ｅ ｔ ｒ ｛ ｉｄ ｕｃ ｉｎ ｓ ｌｃｏ ）
ｊｕ ｒ 的重 点放在 从 ＨＭ 页 面里 获取元 素并对 其进 行操 作 。 Ｑ ｅｙ ＴＬ
而 选择 器是 ｊｕ ｒ Ｏ ｅｙ中最重 要 的部分 ， ｊｕｒ 在 Ｑ ｅｙ中 ， 对事 件处理 ，
遍 历 Ｄ Ｍ Ａ ａ 操 作 都依赖 于选择 器 。如何使 用好 ｊｕ ｒ 选 择 Ｏ 和 ｊｘ Ｑｅ ｙ 器， 就成 了 ｊｕｒ Ｏｅ ｙ中关 键 的一步 ， 他对 提高 程序效 率起着 重要 的