javascript代码实例教程-jq不传参是获取,传参是设置

发布时间:2018-12-29 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-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

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-jq不传参是获取,传参是设置全部内容,希望文章能够帮你解决javascript代码实例教程-jq不传参是获取,传参是设置所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。