jQuery中獲取元素寬度(含padding)的方法是innerWidth。
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)建站!專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了內(nèi)江免費(fèi)建站歡迎大家使用!
innerwidth()//獲取(元素+padding的寬度)outerwidth()//獲?。ㄔ?padding+border的寬度)width()//獲取元素本身寬度。
你得到的是div的寬度??梢栽囋囘@樣: var width=$(#test img).width();alert(width); 如果還不行,那可能是由于你將這個(gè)div隱藏了的原因!希望可以幫到你。
width() 是元素內(nèi)部實(shí)際內(nèi)容的寬度(不包含內(nèi)邊距和邊框的寬度);innerWidth() 則是上面的width()再加上內(nèi)邊距;outerWidth() 則是上面的innerWidth()再加上邊框的寬度。
途徑:第一種情況就是寬高都寫在樣式表里,就比如#div1{width:120px;}。這中情況通過#divstyle.width拿不到寬度,而通過#divoffsetWidth才可以獲取到寬度。
只有在DOM元素被渲染了之后,才能獲取元素實(shí)際的寬高。換句話說,如果元素還未插入DOM樹里,就不可能走到渲染這一步,更不可能拿到元素的寬和高。
transform本身就是變形屬性,不會改變元素的位置大小等,布局不發(fā)生變化,只是對元素進(jìn)行變換。所以js獲取的寬高是元素未變形前的值,需要獲取縮放后的寬高,可以用元素的寬高乘以縮放值。
在jQuery中,獲取元素高度的函數(shù)有3個(gè),其中有outerHeight()和height()。
你的這個(gè)大圖最好有一個(gè) id,例如 img src=bag00jpg id=preview /,沒有也可以,但找起來比較麻煩。
其中data-rawwidth和data-rawheigth就是原圖的原始寬高,但是這個(gè)數(shù)據(jù)是在用戶提交表單時(shí)由后臺程序分析圖片的數(shù)據(jù)流得出的。
通過搜索,我們可以從網(wǎng)上找到實(shí)現(xiàn)此功能的jQuery代碼如下。這段代碼可以使圖片的大小保持在一定范圍內(nèi),如果圖片的原始尺寸都大于max*值,則顯示出來的圖片寬度都相等。原始代碼:在我的js代碼中,也采取了這種寫法。
你得到的是div的寬度??梢栽囋囘@樣:script type=text/javascript var width=$(#test img).width();alert(width);/script 如果還不行,那可能是由于你將這個(gè)div隱藏了的原因!希望可以幫到你。
當(dāng)前題目:jquery元素寬度 jquery設(shè)置元素寬度
文章位置:http://www.rwnh.cn/article22/dgjssjc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)公司、面包屑導(dǎo)航、網(wǎng)站制作、網(wǎng)站內(nèi)鏈、企業(yè)網(wǎng)站制作、電子商務(wù)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)