这篇文章给大家分享的是有关JQuery中基本操作的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
<强>一、JQuery的DOM操作
1。内容操作
1。html():获?设置元素的标签体内容& lt; a> & lt; font>内容& lt;/font> & lt;/a>——比;& lt; font>内容& lt;/font>
<李>2。文本():获?设置元素的标签体纯文本内容& lt; a> & lt; font>内容& lt;/font> & lt;/a>——比;李内容
<李>3。瓦尔():获?设置元素的值属性值
2。属性操作
1。通用属性操作
1。attr():获?设置元素的属性
<李>2。removeAttr():删除属性
<李>3。支持():获?设置元素的属性
<李>4。removeProp():删除属性
* attr和道具区别?
1。如果操作的是元素的固有属性,则建议使用道具
<李>2。如果操作的是元素自定义的属性,则建议使用attr
2。对类属性操作
1。addClass():添加类属性值
<李>2。removeClass():删除类属性值
<李>3。toggleClass():切换类属性
* toggleClass(“人):
*判断如果元素对象上存在类=叭?则将属性值一个删除掉。如果元素对象上不存在类=叭?则添加
4。css():改变样式
<强>二,jQuery动画的三种显示方式:
1。默认显示和隐藏方式
1。显示([速度,[宽松],[fn]])
参数:
1。速度:动画的速度。三个预定义的值(“slow",“正常”,“fast")或表示动画时长的毫秒数值(如:1000)
<李>2。宽松:用来指定切换效果,默认是“swing",可用参数“linear"
<李>*摇摆:动画执行时效果是先慢,中间快,最后又慢
<李>*线性:动画执行时速度是匀速的
<李>3。fn:在动画完成时执行的函数,每个元素执行一次。
2。隐藏([速度,[宽松],[fn]])
3。切换((速度)、(放松),(fn))
2。滑动显示和隐藏方式
1。slideDown((速度)、(放松),(fn))
<李>2。slideUp([速度,[宽松],[fn]])
<李>3。slideToggle((速度)、(放松),(fn))
3。淡入淡出显示和隐藏方式
1。渐显((速度)、(放松),(fn))
<李>2。渐隐((速度)、(放松),(fn))
<李>3。fadeToggle([速度,[宽松],[fn]])
<强>三、案例:广告显示和隐藏
需求:
1。当页面加载完,3秒后。自动显示广告
2。广告显示5秒后,自动消失。
分析:
1。使用定时器来完成.setTimeout(执行一次定时器)
2。分析发现JQuery的显示和隐藏动画效果其实就是控制显示
3。使用显示/隐藏方法来完成广告的显示
代码案例
