jquery学习总结（二）

jQuery 操作类：

addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
hasClass() - 检查被选元素是否包含指定的类名称。
如果被选元素包含指定的类，该方法返回 “true”。

jQuery 效果- 隐藏和显示

show() 方法显示隐藏的被选元素。
注意：show() 适用于通过 jQuery 方法和 CSS 中 display:none 隐藏的元素（不适用于通过 visibility:hidden 隐藏的元素）。

$(selector).show(speed,easing,callback)

参数 描述
speed 可选。规定显示效果的速度。
可能的值：

毫秒
“slow”
“fast”
easing 可选。规定在动画的不同点上元素的速度。默认值为 “swing”。
可能的值：

“swing” - 在开头/结尾移动慢，在中间移动快
“linear” - 匀速移动
提示：扩展插件中提供更多可用的 easing 函数。
callback 可选。show() 方法执行完之后，要执行的函数

hide() 方法隐藏被选元素。
提示：这与 CSS 属性 display:none 类似。
注释：隐藏的元素不会被完全显示（不再影响页面的布局）。
语法
$(selector).hide(speed,easing,callback)

toggle() 方法来切换 hide() 和 show() 方法。
显示被隐藏的元素，并隐藏已显示的元素：

jQuery 效果 - 淡入淡出

fadeIn() 用于淡入已隐藏的元素。
可选的 speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒。.

可选的 callback 参数是 fading 完成后所执行的函数名称。

fadeOut() 方法用于淡出可见元素。
可选的 speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒。

可选的 callback 参数是 fading 完成后所执行的函数名称。

fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。

可选的 speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒。

可选的 callback 参数是 fading 完成后所执行的函数名称。
fadeTo() 方法允许渐变为给定的不透明度（值介于 0 与 1 之间）。
必需的 speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒。

fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。

可选的 callback 参数是该函数完成后所执行的函数名称。

jQuery 滑动方法

slideDown() 方法用于向下滑动元素。
slideUp() 方法用于向上滑动元素。
slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。
如果元素向下滑动，则 slideToggle() 可向上滑动它们。
如果元素向上滑动，则 slideToggle() 可向下滑动它们。

jQuery 效果- 动画

animate()方法方法用于创建自定义动画。
有4个参数
参数1 是必填项 为一个对象 里面填的是需要的做动画的属性
参数2 可选填动画时长 默认有一个动画时长400ms
参数3 可选项 运动曲线 匀速linear缓动 swing(默认值 )
参数4 可选项动画执行完毕的回调函数

jQuery - 添加元素

append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
用法:兄弟元素1.after(兄弟元素2) 把元素2作为兄弟元素插入到元素1的后面

before() - 在被选元素之前插入内容
用法:兄弟元素1.before(兄弟元素2) 把元素2作为兄弟元素插入到元素1的前面

jQuery - 删除元素

1.直接给u1的内容给个空字符串
$("#ul1").html("); // 这个方法是可以达到效果但是我们不会用因为他会 导致内存泄漏
2.清空元素empty()
$("#u11"). empty();
3.删除指定的元素
$("#1i3") .remove(); //自杀的
4.清除u11
$(" #u11") .remove();

jQuery的clone

clone() 方法生成被选元素的副本，包含子节点、文本和属性。
语法
$(selector).clone(true|false)

参数 描述
true 规定需复制事件处理程序。
false 默认。规定不复制事件处理程序。

clone的元素只存在于内存如果想要 加载到页面上那么就需要追加到页面 上去
无论参数true还是false,克隆的时候 都会克隆后代的元素
如果参数是true那么就会 连事件也一起克隆过来
如果参数是false那么就不会 克隆事件
如果不传参数那么默认是false

jQuery获取属性及设置属性

获取属性 jquery对象.attr("")

            // $("#get").click(function () {
            //     console.log($("img").attr("src"));
            //     console.log($("img").attr("alt"));
            //     console.log($("img").attr("title"));
            //     console.log($("img").attr("sb"));
            //     console.log($("img").attr("aaa"));//undefined  如果这个属性  在元素中不存在  那么就会得到undefined
            // })

设置属性 jquery对象.attr(“属性名”,“属性值”)
原本就存在的属性 设置之后 就是修改 原本就不存在 那么就是添加
jquery对象.attr(“属性名”,“属性值”)

        $("#set").click(function () {
            $("img").attr({
                src:"./img/02.jpg",
                "title":"京剧小生",
                "sb":"222",
                "aaa":"555"
            })
        })

移除单个属性

                $("img").removeAttr("src");
                $("img").removeAttr("aaa");

移除多个属性

               		 ("img").removeAttr("src aaa");

              		  $("img).attr("src","")