jquery尺寸和jQuery设置和获取内容方法
Posted amandaj
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery尺寸和jQuery设置和获取内容方法相关的知识，希望对你有一定的参考价值。
一、jquery尺寸
jQuery 提供多个处理尺寸的重要方法：
width() 设置或返回元素的宽度（不包括内边距、边框或外边距），括号中可填数值宽度参数，无单位
height() 设置或返回元素的高度（不包括内边距、边框或外边距），括号中可填数值高度参数，无单位
innerWidth() 返回元素的宽度（包括内边距）
innerHeight() 返回元素的高度（包括内边距）
outerWidth() 返回元素的宽度（包括内边距和边框）
outerHeight() 返回元素的高度（包括内边距和边框）
outerWidth(true) 返回元素的宽度（包括内边距、边框和外边距）
outerHeight(true)返回元素的高度（包括内边距、边框和外边距）
还可以获取html文档和浏览器窗口的宽高：
$(window).width() //获取当前浏览器窗口的宽度
$(window).height() //获取当前浏览器窗口的高度
$(document).width() //获取HTML文档（body）的宽度
$(document).height() //获取HTML文档（body）的高度
二、jquery的设置和获取方法
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单value的值
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <input type="text" value="请输入内容"/> <div><a href="##">点我呀</a></div> </body> </html> <script src="js/jquery-1.12.4.min.js"></script> <script type="text/javascript"> $(‘input‘).val(‘内容被修改了‘); //设置表单的value属性值 console.log($(‘input‘).val()); //获取表单的value属性值 $(‘div‘).html(‘<a href="###">点击我啊！！！！</a>‘); //设置div标签的内容 console.log($(‘div‘).html()); //获取div标签的内容 $(‘div‘).text(‘<a href="###">点击我啊！！！！</a>‘); //设置div标签的文本内容 console.log($(‘div‘).text()); //获取div标签的文本内容 </script>
二、jQuery设置和获取内容方法
以上是关于jquery尺寸和jQuery设置和获取内容方法的主要内容，如果未能解决你的问题，请参考以下文章
jQueryjQuery HTMLtext()html()attr()prop ()添加删除元素不同方法创建元素获取并设置 CSS 类尺寸