詳解jQuery獲取特殊屬性的值以及設(shè)置內(nèi)容

發(fā)布時間：2020-10-04 20:51:23 來源：腳本之家閱讀：184 作者：laozhang 欄目：web開發(fā)

jQuery特殊屬性方法

val方法

val方法適用于設(shè)置和獲取表單元素的值，例如input、textarea的值

//獲取name的值
$("#name").val("");
//設(shè)置name的值
$("#name").val("張三");

html方法

html方法相當于innerHTML，會識別html標簽

//獲取內(nèi)容的值$("div").html("<span>今天天氣真好</span>");

text方法

text方法相當于innerText，不會識別html標簽

//獲取內(nèi)容的值
$("div").text();
//設(shè)置內(nèi)容的值
$("div").text("<span>今天天氣真好</span>");

innerHTML與innerText的區(qū)別

innerText 打印的是標簽間的文本信息，會將標簽過濾掉而且低版本的火狐瀏覽器不支持

innerHtml 打印標簽之間的內(nèi)容包括標簽和文本信息并且各瀏覽器都支持

width方法與height方法

兩者使用的方法一樣

$(“img”).width(200);//設(shè)置圖片的寬度
$(“img”).width();//獲取圖片的寬度;
例如獲取可視區(qū)的寬高
$(window).width();
$(window).height();

【注意】當（）里的內(nèi)容為空時代表獲取內(nèi)容的值，有值時代表設(shè)置內(nèi)容的值

總結(jié)：通過本文的介紹，想必大家學(xué)會了如何去獲取一個元素的文本值和設(shè)置文本內(nèi)容，以及可視區(qū)的寬度和高度的值，希望本文對大家的學(xué)習(xí)有所幫助。

向AI問一下細節(jié)

猜你喜歡