在jQuery中,獲取內容是常見的操作之一。本文將詳細介紹jQuery中如何獲取內容的方法。
// 獲取元素的文本內容 var text = $("p").text(); // 獲取元素的HTML內容 var html = $("p").html(); // 獲取表單元素的值 var value = $("input").val(); // 獲取元素的屬性值 var attrValue = $("img").attr("src"); // 獲取元素的樣式值 var styleValue = $("div").css("background-color");
通過text()方法,可以獲取元素的文本內容。它將忽略元素內的HTML標簽。
通過html()方法,可以獲取元素的HTML內容。它將返回元素及其所有子元素的HTML代碼。
通過val()方法,可以獲取表單元素的值。例如,可以獲取input元素中的文本,或者select元素中選中項的值。
通過attr()方法,可以獲取元素的屬性值。需要傳入屬性名稱作為參數。
通過css()方法,可以獲取元素的樣式值。需要傳入樣式屬性名稱作為參數。
// 獲取多個元素的文本內容 $("p").each(function() { var text = $(this).text(); console.log(text); }); // 獲取多個元素的屬性值 $("img").each(function() { var src = $(this).attr("src"); console.log(src); });
當需要獲取多個元素的內容時,可以通過each()方法進行循環遍歷。在循環中,可以使用上述方法進行獲取。
以上便是jQuery中獲取內容的方法。通過這些方法,可以輕松獲取元素的文本、HTML、值、屬性值、樣式值等內容。