jQuery是一種快速、簡潔的JavaScript庫,它簡化了HTML文檔遍歷和操作、事件處理、動畫效果以及Ajax等操作。在jQuery中,選擇器是深受歡迎的一項功能,而在選擇器中,當前節點文本的獲取也是非常常見的操作。
對于文本的獲取,jQuery提供了兩種常用的方法:text()和html()。text()方法用于獲取當前節點的文本內容,而html()方法則用于獲取當前節點的HTML內容。下面是一個使用text()方法獲取當前節點文本內容的示例:
//HTML代碼 <div id="myDiv">這是一個div元素</div> //JavaScript代碼 var text = $('#myDiv').text(); console.log(text); //結果輸出 這是一個div元素
在上面的例子中,我們首先使用jQuery選擇器獲取了一個id為myDiv的div元素。接著使用text()方法獲取了該元素的文本內容,并將其賦值給了變量text。最后將變量內容輸出到控制臺中,得到了文本內容“這是一個div元素”。
需要注意的是,text()方法只會獲取當前節點的文本內容,不包含任何HTML標簽或元素。如果需要獲取當前節點的HTML內容,應該使用html()方法。下面是一個使用html()方法獲取當前節點HTML內容的示例:
//HTML代碼 <div id="myDiv"><b>這是一個加粗文本</b></div> //JavaScript代碼 var html = $('#myDiv').html(); console.log(html); //結果輸出 <b>這是一個加粗文本</b>
在上面的例子中,我們同樣獲取了id為myDiv的div元素,但是使用html()方法獲取了其HTML內容,并將其輸出。需要注意的是,輸出結果中包含HTML標簽,因為我們獲取的是該元素的HTML內容。
上一篇css 可繼承的屬性