詳解jQuery獲取特殊屬性的值以及設(shè)置內(nèi)容
jQuery特殊屬性方法
val方法
val方法適用于設(shè)置和獲取表單元素的值,例如input、textarea的值
//獲取name的值 $("#name").val(""); //設(shè)置name的值 $("#name").val("張三");
html方法
html方法相當(dāng)于innerHTML,會(huì)識(shí)別html標(biāo)簽
//獲取內(nèi)容的值$("div").html("<span>今天天氣真好</span>");
text方法
text方法相當(dāng)于innerText,不會(huì)識(shí)別html標(biāo)簽
//獲取內(nèi)容的值 $("div").text(); //設(shè)置內(nèi)容的值 $("div").text("<span>今天天氣真好</span>");
innerHTML與innerText的區(qū)別
innerText 打印的是標(biāo)簽間的文本信息,會(huì)將標(biāo)簽過(guò)濾掉而且低版本的火狐瀏覽器不支持
innerHtml 打印標(biāo)簽之間的內(nèi)容包括標(biāo)簽和文本信息并且各瀏覽器都支持
width方法與height方法
兩者使用的方法一樣
$(“img”).width(200);//設(shè)置圖片的寬度 $(“img”).width();//獲取圖片的寬度; 例如獲取可視區(qū)的寬高 $(window).width(); $(window).height();
【注意】當(dāng)()里的內(nèi)容為空時(shí)代表獲取內(nèi)容的值,有值時(shí)代表設(shè)置內(nèi)容的值
總結(jié):通過(guò)本文的介紹,想必大家學(xué)會(huì)了如何去獲取一個(gè)元素的文本值和設(shè)置文本內(nèi)容,以及可視區(qū)的寬度和高度的值,希望本文對(duì)大家的學(xué)習(xí)有所幫助。
相關(guān)文章
jquery 實(shí)現(xiàn)京東商城、凡客商城的圖片放大效果
京東商城、凡客商城的圖片放大效果很是吸引人2009-05-05jQuery使用unlock.js插件實(shí)現(xiàn)滑動(dòng)解鎖
unlock.js插件具有滑動(dòng)解鎖,尺寸、顏色、字體大小等都可以個(gè)性化定制等特點(diǎn),接下來(lái)通過(guò)本文給大家分享jQuery使用unlock.js插件實(shí)現(xiàn)滑動(dòng)解鎖思路講解,感興趣的朋友一起看看吧2017-04-04jQuery實(shí)現(xiàn)選中彈出窗口選擇框內(nèi)容后賦值給文本框的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)選中彈出窗口選擇框內(nèi)容后賦值給文本框的方法,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素屬性的相關(guān)技巧,需要的朋友可以參考下2015-11-11JQuery單選按鈕Radio和復(fù)選框checkbox的操作代碼
這篇文章主要介紹了JQuery單選按鈕Radio和復(fù)選框checkbox的操作,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04jQuery實(shí)現(xiàn)的網(wǎng)頁(yè)換膚效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的網(wǎng)頁(yè)換膚效果,結(jié)合完整實(shí)例形式分析了jQuery通過(guò)修改link標(biāo)簽的href屬性值實(shí)現(xiàn)換膚效果的相關(guān)技巧,需要的朋友可以參考下2016-09-09jQuery.Highcharts.js繪制柱狀圖餅狀圖曲線圖
這篇文章主要介紹了jQuery.Highcharts.js繪制柱狀圖餅狀圖曲線圖的方法,非常的實(shí)用,小伙伴們可以直接拿到項(xiàng)目中使用。2015-03-03