jQuery常用功能大全
5星 · 超过95%的资源 需积分: 9 82 浏览量
2013-02-20
18:37:29
上传
评论 16
收藏 182KB PDF 举报 
jQuery 常用功能大全
1、 关 于 页 面 元 素 的引 用
通过 jquery 的 $()引 用 元 素 包 括 通 过 id、 class、 元 素 名 以 及 元 素
的 层 级 关 系 及 dom 或者 xpath 条 件 等 方 法 ，且 返 回 的 对 象 为 jquery
对 象 （ 集 合 对 象 ） ， 不 能 直 接 调 用 dom 定义的方法。
2、 jQuery 对 象 与 dom 对 象 的 转 换
只有 jquery 对象才能使用 jquery 定 义 的 方 法 。 注 意 dom 对 象 和
jquery 对 象 是 有 区 别 的 ，调 用 方 法 时 要 注 意 操 作 的 是 dom 对象还是
jquery 对 象 。
普通的 dom 对 象 一 般 可 以 通 过 $()转换成 jquery 对 象 。
如：$(document.getElementByIdx_x("msg")) 则为 jquery 对 象 ，可
以使用 jquery 的方法。
由于 jquery 对 象 本 身 是 一 个 集 合 。 所 以 如 果 jquery 对 象 要 转 换 为
dom 对 象 则 必 须 取 出 其 中 的 某 一 项 ， 一 般 可 通 过 索 引 取 出 。
如：$("#msg")[0] ， $("div").eq(1)[0]， $("div").get()[1] ，
$("td")[5]这 些都是 dom 对象，可以使用 dom 中 的 方 法 ， 但 不 能 再
使用 Jquery 的方法。
以 下 几 种 写 法 都 是 正 确 的 ：
$("#msg").html();
$("#msg")[0].innerHTML;
$("#msg").eq(0)[0].innerHTML;
$("#msg").get(0).innerHTML;
3、 如 何 获 取 jQuery 集 合 的 某 一 项
对 于 获 取 的 元 素 集 合 ， 获 取 其 中 的 某 一 项 （ 通 过 索 引 指 定 ） 可 以 使
用 eq 或 get(n)方 法 或 者 索 引 号 获 取 ，要 注 意 ，eq 返回的是 jquery
对 象 ， 而 get(n)和 索 引 返 回 的 是 dom 元 素 对 象 。 对 于 jquery 对象
只 能 使 用 jquery 的 方 法 ，而 dom 对 象 只 能 使 用 dom 的 方 法 ，如 要 获
取 第 三 个 <div>元 素 的 内 容 。 有 如 下 两 种 方 法 ：
$("div").eq(2).html(); //调用 jquery 对 象 的 方 法
$("div").get(2).innerHTML; //调用 dom 的方法属性
- 1
- 2
- 3
- 4
- 5
- 6
前往页