(06)jq一些零零散散的获取

不传参是获取

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

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

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

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

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

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

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

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

传参是设置

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

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

$(".box").html("<p>我是一个创建出来的p标签</p>")

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

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

$(".box").text("<p>我是一个创建出来的p标签</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