jq不传参是获取，传参是设置

不传参是获取

参考js中的value属性 不传入参数是获取

val()是一个方法 我们获取的是方法返回值 也就是当前元素的value值

$("#inp").val(); ( 不传参是获取 获取输入的值 )

获取当前元素的内部所有元素 参考 js中innerhtml属性

注意:如果里面没有嵌套别的标签的话.html()和.text()获取的都是内容,没有任何区别!!!

$(".box").html(); (连标签一起显示在页面上)

直接获取内部所有后代元素的所有文本内容 拼接成字符串 参考 js中的innertext属性

$(".box").text(); (获取的是内容)---->>获取内容常用的方式

传参是设置

$("#inp").val("不要输入!!!!"); (传参设置内容)

jq创建元素的其中一种方式 识别字符串里面的标签 自动创建元素

$(".box").html("

我是一个创建出来的p标签

")

text不识别字符串里面的标签 直接把字符串原封不动设置到页面上

>>常用 连标签原封不动的一起创建出来

$(".box").text("

我是一个创建出来的p标签

"); ----

jq中width，height的获取

通过css的方式获取宽或高 结果是字符串类型 带单位px

$(".box").css("width");

通过width或者height方法获取宽高结果是number类型方便计算

$(".box").width();

jq中width，height的设置

传入参数就是设置 参数可以是带单位的字符串也可以是 数值

$(".box").width(300);

$(".box").height("300px");

获取offset

$(".box").offset();

$(".box").offset().top/left;

设置offset

//设置的是相对定位

$(".box").offset({

top:150,

left:10

});

position获取 (只能获取不能设置)

//作用：获取相对于其最近的具有定位的父元素的位置。

//理解: 就是设置的top和left值

$(".box").position();

scrolltop()

作用：获取或者设置元素垂直方向滚动的位置

// 无参数表示获取偏移

// 有参数表示设置偏移，参数为数值类型

$(selector).scrolltop(100);

scrollleft()

作用：获取或者设置元素水平方向滚动的位置

$(selector).scrollleft(100);

对scrolltop的理解：

垂直滚动条位置 是可滚动区域 在 可视区域上方的 被隐藏区域的高度。

如果滚动条在最上方没有滚动 或者 当前元素没有出现滚动条，那么这个距离为0