成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導(dǎo)航首頁 ? 技術(shù)教程 ? Query常用DIV操作獲取和設(shè)置長度寬度的實(shí)現(xiàn)方法
全站頭部文字 我要出現(xiàn)在這里
Query常用DIV操作獲取和設(shè)置長度寬度的實(shí)現(xiàn)方法 667 2024-02-17   

獲取或設(shè)置div的高度和寬度

方法一:height和width函數(shù)(得到的是證書),可以用于獲取或設(shè)置元素的高度和寬度。

val()獲取或設(shè)置元素的值

方法二:css函數(shù)可以用于獲取或設(shè)置元素的高度和寬度

獲取css("width")(得到的是以px結(jié)尾的字符串),設(shè)置css("width",20px)或css({width:20px,height:20px})

JQuery的鏈?zhǔn)讲僮?/strong>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script type="text/javascript" src="http://www.gimoo.net/t/1812/jQuery/jquery-1.12.1.js"></script> 
<script type="text/javascript"> 
$(function(){ 
  $("#get").click(function(){ 
    //獲取結(jié)果沒有px 
    $("#ht").val($("#div1").height()); 
    $("#wd").val($("#div1").width()); 
 
    //獲取結(jié)果后面有px 
    //$("#ht").val($("#div1").css("height")); 
    //$("#wd").val($("#div1").css("width")); 
  }); 
  $("#make").click(function(){ 
    //$("#div1").css({height:$("#ht").val(),width:$("#wd").val()}); 
     
    //$("#div1").css("height",$("#ht").val()); 
    //$("#div1").css("width",$("#wd").val()); 
     
    $("#div1").height($("#ht").val()); 
    $("#div1").width($("#wd").val()); 
    // JQuery的鏈?zhǔn)讲僮?
    //$("#div1").css("height",$("#ht").val()).width($("#wd").val()); 
     
  }); 
}); 
</script> 
<style type="text/css"> 
#div1 
{ 
  width:150px; 
  height:150px; 
  background-color:red; 
  border:black 1px solid; 
} 
</style> 
</head> 
 
<body> 
長度<input type="text" id="ht"/>寬度<input type="text" id="wd"/> 
<input type="button" value="獲取" id="get"/> 
<input type="button" value="設(shè)置" id="make"/> 
<div id="div1"></div> 
</body> 
</html> 

查看圖片

查看圖片

查看圖片

以上就是小編為大家?guī)淼腝uery常用DIV操作獲取和設(shè)置長度寬度的實(shí)現(xiàn)方法的全部內(nèi)容了,希望對大家有所幫助,多多支持綠夏網(wǎng)~



主站蜘蛛池模板: 欧美日韩亚洲一区二区三区 | 亚洲视频不卡 | 91插插插插插| 91观看| 久草综合在线 | heyzo在线观看 | 在线观看日韩欧美 | 狠狠做| 精品在线看 | 免费网站www | 99热思思| 超碰人人艹 | 色婷婷亚洲 | 国产成人精品一区 | 男男巨肉啪啪动漫3d | 欧美日韩国产中文字幕 | 日本免费一级片 | 亚洲一区二区三区视频 | 精品一二区 | 伊人久久网站 | 午夜天堂在线 | 男女啪啪免费 | 国产精品成人免费视频 | 久热久 | 久久艹av | 丰满少妇高潮无套内谢 | 亚洲国产精品久久久 | 三级黄色录像片 | 亚洲欧美另类在线 | 亚洲精品免费观看 | 国产一级视频在线观看 | 成人精品视频 | 日韩免费看片 | 亚洲欧美国产高清va在线播放 | 一区二区三区毛片 | 日本久久网站 | 国产中文在线 | 中文在线观看免费视频 | 黄色一级片网站 | 中文字幕不卡在线 | 国产区在线观看 |

!!!站長長期在線接!!!

網(wǎng)站、小程序:定制開發(fā)/二次開發(fā)/仿制開發(fā)等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103