text( )和html( )的区别

text()方法

作用：设置或获取匹配元素的文本内容

 

使用方式

第一种（传参）

$('#a').text('23213');

设置标签内的文本内容

 

第二种（不传参）

$('#a').text();

获取标签内的文本内容

 

示例：

<ul class="uu">
    <li>1</li>
    <li>2</li>
    <li id="a">3</li>
    <li>4</li>
    <li>5</li>
</ul>
<script>
    $('#a').text('23213');
    console.log($('#a').text());
</script>

 

 

html()方法

作用：设置或获取匹配元素的HTML内容

 

使用方式

第一种（传参）

 $('#a').html('<a href="#">3325</a>')；

设置标签内的html内容

 

第二种（不传参）

 $('#a').html()；

获取标签内的html内容

 

 

示例：

<ul class="uu">
    <li>1</li>
    <li>2</li>
    <li id="a">3</li>
    <li>4</li>
    <li>5</li>
</ul>
<script>
    $('#a').html('<a href="#">3325</a>');
    console.log($('#a').html());
</script>