jQuery基础操作

224 阅读1分钟

jQuery属性操作

设置或获取元素固有属性值 prop()

获取属性语法

prop("属性")

设置属性语法

prop("属性","属性值")

设置或获取元素自定义属性值 attr()

与上同理

数据缓存data()

可以在指定的元素上存取数据,并不会修改DOM元素结构。一旦页面刷新,之前存放的数据都将被移除

jQuery内容文本值

普通元素内容

获取设置元素内容html()

获取设置元素文本内容 text()

获取设置表单值 val()

parents('选择器') 可以返回指定祖先元素

计算结果保留两位小数可用 toFixed(2)方法

jQuery元素操作

遍历元素

$("div").each(function(index,domEle){xxx;})

两个参数 index是每个元素索引号 demEle是每个DOM元素对象

$.each($(""),function(index,domEle){xxx;})

创建添加删除元素

内部添加并且放到内容的最后面

element.append();

内部添加并且放到内容的最前面

element.prepend();

外部添加并放到目标元素后面

element.after();

外部添加并放到目标元素后面

element.before();

删除元素

element.remove();

jQuery尺寸、位置操作

尺寸

取得匹配元素宽度和高度值

width()/height() 只算width/height

innerWidth/innerHeight 包括padding

outerWidth()/outerHeight() 包括padding、border

outerWidth(true)/outerHeight(true) 包括padding、border、margin

位置
offset()设置或获取元素偏移

设置或返回被选元素相对于文档的偏移坐标,与父级没有关系

position() 获取元素偏移

获取距离带有定位父级位置

如果没有带有定位的父级,则以文档为标准

scrollTop()获取元素相对顶部偏移