工作中的js总结

1、点击li下面匹配的内容块跟着一起改变

$(".dis-list li").bind("hover click", function () {
$this = $(this);
$this.addClass("active").siblings().removeClass("active");
$(".list-content li.item").eq($this.index()).addClass("on").siblings().removeClass("on");
});

2、升序降序

(function ($) {

$(document).ready(function () {

//调序
$("a[id^='ascent-']").first().hide();
$("a[id^='decline-']").last().hide();

//上升
$("a[id^='ascent-']").click(function (e) {
e.preventDefault();
var tr = $(this).parents("tr:first");
var id = tr.data("id");
var referenceId = tr.prev().data("id");

$.post($(this).attr("href"), { id: id, referenceId: referenceId }, function (data) {
var trBefore = tr.prev();
tr.insertBefore(trBefore);
$("a[id^='ascent-'],a[id^='decline-']").show();
$("a[id^='ascent-']").first().hide();
$("a[id^='decline-']").last().hide();
});
});

//下降
$("a[id^='decline-']").click(function (e) {
e.preventDefault();
var tr = $(this).parents("tr:first");
var id = tr.data("id");
var referenceId = tr.next().data("id");

$.post($(this).attr("href"), { id: id, referenceId: referenceId }, function (data) {
var trAfter = tr.next();
tr.insertAfter(trAfter);
$("a[id^='ascent-'],a[id^='decline-']").show();
$("a[id^='ascent-']").first().hide();
$("a[id^='decline-']").last().hide();
});
});

});

})(jQuery);

 

3、鼠标进入和离开的事件

$(".reminder-dropdown").mouseenter(function () {
  　　 $(this).addClass("show-select");})
　　　　　　　　.mouseleave(function () {
　　　　$(this).removeClass("show-select");
});

4、高效利用JQuery

http://www.w3cfuns.com/article-1302-1.html

5、当滚动条滚动到一定的程度时，缩小导航高度，当返回的时候，还原导航高度

.nav-fixed { width: 100%; height: 120px; position: fixed; left: 0; top: 0; z-index: 999; background: #dadada; }

<script type="text/javascript">
 $(document).ready(function(e) {
    $(document).on("scroll",function(){
    if($(document).scrollTop()>200){ 
        $(".nav").stop().animate({
            height:'50px'
        });
    }else{
        $(".nav").stop().animate({
            height:'100px'
        });  
    }        
   }); 
});
</script>