当前位置:Gxlcms > JavaScript > jQuery使用之处理页面元素用法实例_jquery

jQuery使用之处理页面元素用法实例_jquery

时间:2021-07-01 10:21:17 帮助过:4人阅读

本文实例讲述了jQuery使用之处理页面元素用法。分享给大家供大家参考。具体分析如下:

对于页面的元素,在DOM编程中可以通过各种查询、修改手段进行管理,非常麻烦。jQuery提供了一整套的方法来处理页面的元素。包括元素的内容、复制、移动和替换等。这里将介绍一些常用的内容。

1.直接获取、编辑内容。

在jQuery中,主要是通过html()和text()两个方法来获取和编辑页面的内容。其中html()相当于获取节点的innerHTML属性,添加参数html(text),则为设置innerHtml;而text()则用来获取元素的纯文本,text(content)为设置纯文本。

这两种方法有时配合着使用,text()通过用来过滤页面中的标记,而html(text)用来设置节点中的innerHtml。例如:

代码如下:
$(function() {
var sString = $("p:first").text(); //获取纯文本
$("p:last").html(sString);
});

利用text()的方法获取第一个P的文本,然后用html()方法赋给最后一个

text()和html()方法的巧用。

代码如下: