今天小編給大家分享一下jquery中html方法實現(xiàn)了什么功能的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

目前創(chuàng)新互聯(lián)已為上千多家的企業(yè)提供了網(wǎng)站建設、域名、網(wǎng)站空間、綿陽服務器托管、企業(yè)網(wǎng)站設計、壺關網(wǎng)站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

功能：1、返回元素內容，語法“元素對象.html()”；2、設置元素內容，語法“元素對象.html(元素的新內容)”；3、使用函數(shù)來設置元素的內容，語法“元素對象.html(function(選擇器的index位置,選擇器的當前內容))”。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

jquery中html方法實現(xiàn)了哪些功能

1、返回元素內容

當使用該方法返回一個值時，它會返回第一個匹配元素的內容。

語法

$(selector).html()

示例如下：

$(document).ready(function(){
  $(".btn1").click(function(){
    alert($("p").html());
  });
});



This is a paragraph.
改變 p 元素的內容

輸出結果：

點擊按鈕后：

2、設置元素內容

當使用該方法設置一個值時，它會覆蓋所有匹配元素的內容。

語法

$(selector).html(content)

content 可選。規(guī)定被選元素的新內容。該參數(shù)可包含 HTML 標簽。

示例如下：

$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").html("Hello world!");
  });
});



This is a paragraph.
This is another paragraph.
改變 p 元素的內容

輸出結果：

點擊按鈕后：

3、使用函數(shù)來設置元素內容

使用函數(shù)來設置所有匹配元素的內容。

語法

$(selector).html(function(index,oldcontent))

參數(shù) 描述

function(index,oldcontent)

規(guī)定一個返回被選元素的新內容的函數(shù)。

index - 可選。接收選擇器的 index 位置。

oldcontent - 可選。接收選擇器的當前內容。

示例如下：

$(document).ready(function(){
  $("button").click(function(){
    $("p").html(function(n){
    return "這個 p 元素的 index 是：" + n;
    });
  });
});



這是一個段落。
這是另一個段落。
改變 p 元素的內容

輸出結果：

點擊按鈕后：

以上就是“jquery中html方法實現(xiàn)了什么功能”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。