jQuery从入门到熟练(14)

(3) 尺寸（获取/设置标签的尺寸数据）

内容尺寸height(): heightwidth(): width内部尺寸innerHeight(): height paddinginnerWidth(): width padding外部尺寸outerHeight(false/true): height padding border 如果是true, 加上marginouterWidth(false/true): width padding border 如果是true, 加上margin
div { width: 100px; height: 150px; background: red; padding: 10px; border: 10px #fbd850 solid; margin: 10px;}<div>div</div><script src="js/jquery-1.10.1.js" type="text/javascript"></script><script> var $div = $("div") // 1. 内容尺寸 console.log($div.width(), $div.height()) // 100 150 // 2. 内部尺寸 console.log($div.innerWidth(), $div.innerHeight()) //120 170 // 3. 外部尺寸 console.log($div.outerWidth(), $div.outerHeight()) //140 190 console.log($div.outerWidth(true), $div.outerHeight(true)) //160 210</script>

3、筛选

(1) 过滤
在 jQuery 对象中的元素对象数组中过滤出一部分元素来