2015年9月1日

#2015年9月1日

显示隐藏

$("obj").hide(duration)

隐藏一个元素，可以加一个时间，表示过程时间。这只可以隐藏标签内的内容，不可以令标签消失。可以使用remove()令元素彻底移除。

$("obj").show(duration)

显示一个元素，可以加一个时间，表示过程时间。

 $("obj").toggle(duration)

显示或者隐藏一个元素的开关。

淡入淡出

$("obj").fadeIn(duration);

淡入

$("obj").fadeOut(duration);

淡出

$("obj").fadeToggle(duration);

淡入淡出开关

$("obj").fadeTo(duration，opacity);

调整到指定透明度

滑动

$("obj").slideDown(duration);

滑动出现

$("obj").slideUp(duration);

滑动隐藏

$("obj").slideToggle(duration);

显示隐藏开关

回调

$("obj").hide(duration,function(){
    alert("END");
});

$("obj").css("name","value").slideUp(duration).slideDown(duration);

动画结束后这行函数。

元素捕获

text()：获取具体内容。 html():获取里面的内容，如果有标签，会显示出来。 val()：获取标签的value的值。 attr()：获取标签属性。

HTML设置

text()：修改内容。 html()：修改内容，可以增加标签。 val()：修改value值。 attr():修改属性。

添加元素

append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容

删除元素

remove()：移除标签与内容。 empty()：移除标签内的内容。

选择器与事件

abclick()：双击 click()：点击 mouseenter()：鼠标进入 mouseleave()：鼠标离开

事件绑定

bind(eventType,eventData)绑定事件。官方规定可以 使用on()代替。 unbind(eventType,eventData)解除绑定事件。

事件目标与冒泡

event.stopPropagation()：阻止父级冒泡事件。 event.stopImmediateProgation()：阻止所有冒泡事件。

jQuery菜单

.show()、hide()、toggle()开关； slideDown()、slideUp()、slideToggle()滑动开关，等于上面的自动加上时间的效果。

jQuery标签切换

$(document).ready(function(index){
        $("#tabfirst li").each(function(index){
            var liNode=$(this);
        $(this).mouseover(function(){
            timeoutid=setTimeout(function(){
                $("div.content").removeClass("content");
            $("#tabfirst li.tabin").removeClass("tabin");
            $("div").eq(index).addClass("content");
            liNode.addClass("tabin");
            },100);

        }).mouseout(function(){
            clearTimeout(timeoutid);
        });
    })
})

 <ul id="tabfirst">
        <li class="tabin">Tab 1</li>
        <li>Tab 2</li>
        <li>Tab 3</li>
    </ul>

    <div class="content contentfirst">内容一</div>
    <div class="contentfirst">内容二</div>
    <div class="contentfirst">内容三</div>