网站首页 > 知识剖析 正文
基本常用方法
html:设置标签中显示其他标签的内容,类似js中的innerHTML;
text:设置标签中显示的文本内容,类似js中的innerTEXT;
val:设置input标签中的value值;
css:设置元素的样式,如果单个直接写,如果多个以{}键值对方式写;
动画
以下方法滴可以给定两个参数,第一个参数可以给定一个数字指定隐藏的时间单位为毫秒,也可以给定参数"slow"、"normal"、"fast",第二个参数可以给定一个函数;
hide:隐藏元素;
show:显示元素;
toggle:显示/隐藏元素;
arguments.callee
slideUp:滑入;
slideDown:滑出;
slideToggle:滑入/滑出;
fadeIn:淡入,可以给定三个参数,fadeIn(1000,0.3),表示一秒钟的透明度达到0.3;
fadeOut:淡出;
fadeToggle:淡入/淡出;
样式添加切换
addClass:添加样式;
removeClass:移除样式,如果为空,移除所有样式;
toggleClass:添加/删除样式;
hasClass:是否有指定的样式;
自定义样式
attr:当需要设置样式时间指定kv,当需获取样式值的时候指定k;
removeAttr:删除指定的自定义样式;
prop:可以获取元素的自定义样式value,同样可以获取DOM对象的属性值,所以我们一般用它来判断checked、selected是否为true;
removeProp:移除属性,注意,该方法只能删除使用prop设置的属性;
宽高
width:获取/设置宽度;
height:获取/设置高度;
偏移
offset:获取/设置,返回一个对象,包含top和left;
offset().top:获取/设置,返回当前元素距离窗口上面的像素;
offset().left:获取/设置,返回当前元素距离窗口左边的像素;
scrollLeft:设置或返回被选元素的水平滚动条位置。
scrollTop:设置或返回被选元素的垂直滚动条位置。
- 上一篇: js大佬不愿意告诉你jq背后的那些事
- 下一篇: JQuery:01(jquery插件库)
猜你喜欢
- 2024-11-15 HTML中为元素绑定Class属性与Style样式
- 2024-11-15 不容忽视的 8 个 DOM API(dom based)
- 2024-11-15 WebAPI详细解说【思维导图】(webapi视频教程)
- 2024-11-15 Windows端口转发小工具(window 端口转发)
- 2024-11-15 “万能”箭头函数?你可能要失望了
- 2024-11-15 React-鼠标事件处理(react doubleclick)
- 2024-11-15 深入了解 LocalStorage:JavaScript 中的数据存储利器
- 2024-11-15 JavaScript-浏览器兼容的脚本化class操作
- 2024-11-15 Bootstrap在React中的实现,易于使用的React组件——Reactstrap
- 2024-11-15 Vue3.0新特性探索(vue3.0新特性的typescript)
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)