jQuery—一些常见方法（3）【width(),innerWidth(),outerWidth()】

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../../jq-practice/jq/jquery-2.2.1.min.js"></script>
    <script>
        $(function(){
            alert($(‘div‘).width());          //width
            alert($(‘div‘).innerWidth());      //width+padding
            alert($(‘div‘).outerWidth());      //width+padding+border
            alert($(‘div‘).outerWidth(true));     //width+padding+border+margin

        });
    </script>
</head>
<body>
<div style="width: 100px; height: 100px; padding: 10px; border: 4px solid red; margin: 5px; background: blue;" ></div>

</body>
</html>

时间： 2024-10-07 15:11:52

jQuery—一些常见方法（3）【width(),innerWidth(),outerWidth()】的相关文章

jquery width,innerWidth,outerWidth 区别

test.html <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <style> #box1{width:200px;height:200px;background-color:pink;padding:20p

jQuery height() innerHeight() outerHight() width() innerWidth() outerWidth()源码解读

在第二层each,传入的对象以height举例是这样的,{padding:innerHeight,content:height,"":outerHeight} 对它遍历调用function(defaultExtra,funcName),也就是说传入的defaultExtra是键 padding/content/"",而funcName是对应的innerHeight,height,outerHeight. jQuery.fn[funcName]内部有四个分支:1.$(

jQuery—一些常见方法（2）DOM操作【insertBefore(),insertAfter(),appendTo(),prependTo(),before(),after(),append(),prepend(),remove(),on(),off(),scrollTop()】

一.insertBefore() 如下代码:找到span标签,将span标签剪切到div的前面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="../../jq-practice/jq/jquery-2.2.1.min.js">&

jQuery—一些常见方法（3）【width(),innerWidth(),outerWidth()】