WEB开发网
开发学院网页设计JavaScript jQuery 练习[二]: 获取对象(3) - 根据属性、内容匹... 阅读

jQuery 练习[二]: 获取对象(3) - 根据属性、内容匹配, 还有表单元素匹配

 2010-06-11 00:00:00 来源:WEB开发网   
核心提示: 多个属性条件, 如(有 id 且 name 开始是 "D"): $("body [id][name^='D']") <spanid="span1"name="S1">AAA</spa

多个属性条件, 如(有 id 且 name 开始是 "D"): $("body [id][name^='D']")

<span id="span1" name="S1">AAA</span><br/>
<span id="span2" name="S2">BBB</span><br/>
<span name="Sx3">CCC</span><br/>
<span name="Sx4">DDD</span><br/>
<div id="div1" name="Dx1">EEE</div>
<div name="D2">FFF</div> 

查找包含 "AB" 的 span: $("span:contains('AB')")

<span>ABC</span><br/>
<span><b>ABC</b></span><br/>
<span></span>
<div>
    <span>ABC</span><br/>
    <span><b>ABC</b></span><br/>
    <span></span>
</div> 

从 div 中查找包含 "AB" 的 span: $("div span:contains('AB')")

<span>ABC</span><br/>
<span><b>ABC</b></span><br/>
<span></span>
<div>
    <span>ABC</span><br/>
    <span><b>ABC</b></span><br/>
    <span></span>
</div> 

查找包含 的 span: $("span:has('b')")

<span>ABC</span><br/>
<span><b>ABC</b></span><br/>
<span></span>
<div>
    <span>ABC</span><br/>
    <span><b>ABC</b></span><br/>
    <span></span>
</div> 

编缉推荐阅读以下文章

  • jQuery 练习[二]: 获取对象(2) - 定位子对象
  • jQuery 练习[二]: 获取对象(1) - 基本选择与层级
  • jQuery 练习[一]: 准备工作

上一页  1 2 3 4  下一页

Tags:jQuery 练习 获取

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接