jquery獲取html元素寬高有哪些方法

新建一個html文件 , 定名為test.html , 用于介紹jquery獲取html元素寬高方式 。

jquery獲取html元素寬高有哪些方法



2width()方式 , 本家兒要用于獲得html元素的寬度 , 此寬度不包羅內邊距、邊框或外邊距的寬度 。 例如 , 下面代碼輸出的寬度是300px 。

jquery獲取html元素寬高有哪些方法



3height()方式 , 本家兒要用于獲得html元素的高度 , 此高度不包羅內邊距、邊框或外邊距的高度 。 例如 , 下面代碼輸出的高度是100px 。

jquery獲取html元素寬高有哪些方法



4innerWidth()方式 , 本家兒要用于獲得html元素的寬度 , 此寬度包羅內邊距的寬度 。 例如 , 下面代碼輸出的寬度是320px 。

jquery獲取html元素寬高有哪些方法



5innerHeight()方式 , 本家兒要用于獲得html元素的高度 , 此高度包羅內邊距的高度 。 例如 , 下面代碼輸出的高度是120px 。

jquery獲取html元素寬高有哪些方法



6outerWidth()方式 , 本家兒要用于獲得html元素的寬度 , 此寬度包羅內邊距和邊框的寬度 。 例如 , 下面代碼輸出的寬度是322px 。

jquery獲取html元素寬高有哪些方法



7【jquery獲取html元素寬高有哪些方法】outerHeight()方式 , 本家兒要用于獲得html元素的高度 , 此高度包羅內邊距和邊框的高度 。 例如 , 下面代碼輸出的高度是122px 。

jquery獲取html元素寬高有哪些方法



以上內容就是jquery獲取html元素寬高有哪些方法的內容啦 , 希望對你有所幫助哦!

    猜你喜歡