当前位置:首页 > Web开发 > 正文

8000 );}); // 显示广告 function adShow() { // 获取广告div

2024-03-31 Web开发

jQuery是一个快速、简洁的JavaScript框架,素质上就是一些js文件,封装了js的原生代码。

一、jQuery的DOM操纵

1. 内容操纵
            1. html(): 获取/设置元素的标签体内容   <a><font>内容</font></a>  --> <font>内容</font>
            2. text(): 获取/设置元素的标签体纯文本内容   <a><font>内容</font></a> --> 内容
            3. val(): 获取/设置元素的value属性值

2. 属性操纵
            1. 通用属性操纵
                  1. attr(): 获取/设置元素的属性
                  2. removeAttr():删除属性
                  3. prop():获取/设置元素的属性
                  4. removeProp():删除属性
                       * attr和prop区别?
                       1. 如果操纵的是元素的固有属性,则建议使用prop
                       2. 如果操纵的是元素自界说的属性,则建议使用attr
             2. 对class属性操纵
                  1. addClass():添加class属性值
                  2. removeClass():删除class属性值
                  3. toggleClass():切换class属性
                    * toggleClass("one"): 
                        * 判断如果元素东西上存在class="one",则将属性值one删除去。  如果元素东西上不存在class="one",则添加
                  4. css():转变样式

二、jQuery动画的三种显示方法:

1. 默认显示和隐藏方法
         1. show([speed,[easing],[fn]])
                参数:
                       1. speed:动画的速度。三个预界说的值("slow","normal", "fast")或暗示动画时长的毫秒数值(如:1000)
                        2. easing:用来指定切换效果,默认是"swing",可用参数"linear"
                            * swing:动画执行时效果是 先慢,中间快,最后又慢
                            * linear:动画执行时速度是匀速的
                        3. fn:在动画完成时执行的函数,每个元素执行一次。
    
            2. hide([speed,[easing],[fn]])
            3. toggle([speed],[easing],[fn])
            
      2. 滑动显示和隐藏方法
                1. slideDown([speed],[easing],[fn])
                2. slideUp([speed,[easing],[fn]])
                3. slideToggle([speed],[easing],[fn])
    
       3. 淡入淡出显示和隐藏方法
                1. fadeIn([speed],[easing],[fn])
                2. fadeOut([speed],[easing],[fn])
                3. fadeToggle([speed,[easing],[fn]])

三、案例:告白显示和隐藏

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/30158.html