会员中心
用户名:    密码:    验证码:      免费注册会员

jquery手册   CSS2手册       请关注健康

来源: 作者: 发布时间:2007-02-06
雅虎收藏夹 百度收藏 Google书签 Yahoo书签 新浪ViVi 搜狐网摘 365Key网摘 天极网摘 diglog 和讯网摘 POCO网摘 YouNote网摘 博拉网 天下图摘 Del.icio.us digg reddit spurl BlinkList blogmarks

ancestors () 

一依次以匹配结点的父节点的内容为对象,根节点除外(有点不好理解,看看下面例子就明白了)

<div>
    <p>one</p>
    <span>
    <u>two</u>
    </span>
</div>

jQuery代码及功能:

function jq(){
     var f= $("u").ancestors();
     for(var i=0;i < $(f).size();i++){
      alert($(f).eq(i).html());}
}

第一个对象是以<u>的父节点的内容为对象,[ <u>two</u> ]
第一个对象是以<u>的父节点的父节点(div)的内容为对象,[<p>one</p><span><u>two</u></span> ]
一般一个文档还有<body>和<html>,依次类推下去。

ancestors (expr) 

在ancestors()的基础上之取符合表达式的对象
如上各例子讲var f改为var f= $("u").ancestors(“div”),则只返回一个对象:
[ <p>one</p><span><u>two</u></span>  ]

children() 

返回匹配对象的子介点

<p>one</p>
<div id="ch">  
     <span>two</span>
</div>

jQuery代码及功能:

function jq(){
    alert($("#ch").children().html());
}

$("#ch").children()得到对象[ <span>two</span> ].所以.html()的结果是”two”

children(expr) 

返回匹配对象的子介点中符合表达式的节点

<div id="ch">  
      <span>two</span>
      <span id="sp">three</span>
</div>

jQuery代码及功能

function jq(){
    alert($("#ch").children(“#sp”).html());
}
$("#ch").children()得到对象[<span>two</span><span id="sp">three</span> ].
$("#ch").children(“#sp”)过滤得到[<span id="sp">three</span> ]

parent ()  parent (expr)

取匹配对象父节点的。参照children帮助理解


相关文章

  • 如何用jquery返回一个DOM对象

    作者: http://www.csser.com 首先我们针对以下html源码获取p对象: divimg src="test1.jpg"/ pimg src="test2.jpg"//p/di

  • jQuery入门指南第一步

    用jquery开始吧 这个指南是对jquery库的一个总的介绍,当然你也被要求具备javascript和DOM(文档对象模型)的相关知识。该

  • jQuery函数$支持的参数总结

    作者: http://www.csser.com/ jquery 函数支持的 参数总结,如有遗漏请指出,谢谢: 1、jquery 对象支持接受 html 字符串

  • jQuery的选择器的使用

    无常翻译: http://wuchang.cnblogs.com wuChang@guet.edu.cn QQ: 3263262 Retrieved from " http://www.docs.jquery.com/

  • XHTML代码规范

    文章来源:网页设计师 1.所有的标记都必须要有一个相应的结束标记 以前在HTML中,你可以打开许多标签,例如p和li而不一定

  • DOCTYPE(文档类型)简介

    先来看一段代码声明: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT

  • 在MOZ(firefox)下使没有空格的英文折行

    原文: 在MOZ(firefox)下使没有空格的英文折行 作者:比尔-盖帽 解决办法: IE: 在容器的css中加word-break:break-all

  • HTML元素的默认CSS设置

    Google了一下,这篇文章属于老文了,鉴于它还是比较实用的文章,所以转过来,没看过的可以看一下,早就看过的就温习下,出