脚本宝典收集整理的这篇文章主要介绍了JavaScript框架——jQuery(二)过时,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
所谓元素固有属性就是元素本身自带的属性,比如<a>
元素里面的href,在比如<input>
元素里面的tyPE。
prop('属性')
prop('属性','属性值')
用户自己给元素添加的属性,我们称为自定义属性。比如geidiv添加 index='1'。
attr('属性') // 类似于原生getAttribute()
attr('属性','属性值') // 类似原生setattribute()
data() 方法可以在指定的元素上存取数据,并不会修改DOM元素结构。一旦页面刷新,之前存放的数据都将被移除。
data('name','value') // 向被选元素附加数据
data('name') // 向被选元素获取数据
html() // 获取元素的内容
html('内容') // 设置元素的内容
text() // 获取元素文本内容
test('文本内容') // 设置元素文本内容
val() // 获取属性值
val(属性值) // 设置属性值
jQuery隐式迭代是对同一类元素做了同样的操作。如果想要给同一类元素作不同的操作,就需要用到遍历。
$('div').each(function(index,domEle){ ... })
$.each(object,function(index,element){ ... })
语法:
$("<li></li>");
动态创建一个<li>
element.append(element) // 把内容放入匹配元素内部最后面,类似原生appendChild。
element.prepend(element) // 把内容放入匹配元素内部最前面
element.after(element) // 把内容放入目标元素后面
element.before(element) // 把内容放入目标元素前面
element.remove() // 删除匹配元素本省
element.empty() // 删除匹配元素集合中所有的子节点
element.html('') // 清空匹配元素的内容
语法 | 用法 |
---|---|
width()/height() | 取得匹配元素宽度和高度值 只算width/height |
innerWidth()/innerHeight() | 取得匹配元素宽度和高度值 包含padding |
outerWidth()/outerHeight() | 取得匹配元素宽度和高度值 包含 padding、border |
outerWidth(true)/outerHeight(true) | 取得匹配元素宽度和高度值 包含padding、border、margin |
位置主要有三个:offset()、posITion()、scrollTop()/scrollLeft()
position()方法用于返回被选元素相对于带有定位的父级偏移坐标,如果父级都没有定位,则以文档为准。
scroll()方法设置或返回被选元素被卷去的头部。
以上是脚本宝典为你收集整理的JavaScript框架——jQuery(二)过时全部内容,希望文章能够帮你解决JavaScript框架——jQuery(二)过时所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。