jQuery 常用方法总结

发表于:2010-2-23 09:54

字体: | 上一篇 | 下一篇 | 我要投稿

 作者:未知    来源:51Testing软件测试网采编

  文档处理

  attr(key,value)

  HTML 代码:

  <img/><img/>

  jQuery 代码:

  $("img").attr("src","test.jpg");

  作用:取得或设置匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined 。在控制HTML标记上是必备的工具。

  html()/html(val)

  HTML 代码:

  <div><p>Hello</p></div>

  jQuery 代码:

  $("div").html();

  结果:

  <p>Hello</p>

  作用:取得或设置匹配元素的html内容,同类型的方法还有text()和val()。前者是取得所有匹配元素的内容。,后者是获得匹配元素的当前值。三者有相似的地方常用在内容的操作上。

  wrap(html)

  HTML 代码:

  <p>Test Paragraph.</p>

  jQuery 代码:

  $("p").wrap("<div class='wrap'></div>");

  结果:

  <div class="wrap"><p>Test Paragraph.</p></div>

  作用:把所有匹配的元素用其他元素的结构化标记包裹起来。

  这种包装对于在文档中插入额外的结构化标记最有用,而且它不会破坏原始文档的语义品质。 可以灵活的修改我们的DOM。

  empty()

  HTML 代码:

  <p>Hello, <span>Person</span> <a href="#">and person</a></p>

  jQuery 代码:

  $("p").empty();

  结果:

  <p></p>

  作用:删除匹配的元素集合中所有的子节点。

43/4<1234>
《2023软件测试行业现状调查报告》独家发布~

关注51Testing

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问:上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号