jquery属性的获取与设置

最近做新的皮肤包发现对jquery和js有一个提升,呵呵哒。
没什么提升的感觉。
最近用的比较多的又是tab切换,不过好像前端时间很忙一直没有贴出代码来。
<ul class="sell_name container">
    <li class="col-md-1  cur">
        NEW<br>RELEASED
    </li>
    <li class="col-md-1 ">
        BEST<br>SELLING
    </li>
    <li class="col-md-1 ">
        SPECIAL<br>OFFERS
    </li>
</ul>
<div class="a_clear"></div>(清除浮动,等价于<div style="clear:both;"></div>)
<div class="prodiv selldiv">被切换的内容块</div>(给open属性设置diaplay:block;)
<div class="prodiv selldiv">被切换的内容块 </div>
<div class="prodiv selldiv">被切换的内容块 </div>
--------js-----------------
<script type="text/javascript">var $j = jQuery.noConflict(); (一般用不到置换’$‘符号)
$j(function() {
    $j(".sell_name li").click(function() {
        $j(".sell_name li").eq($j(this).index()).addClass('cur').siblings().removeClass('cur');
        $j(".selldiv").hide().eq($j(this).index()).fadeIn();
    });
});</script>
新的皮肤包的backtotop过渡的比较自然可能是用了动画的原因
--------------------源码贴出来了-------------------------

$jq( document). ready( function(){

            
// hide #back-top first
            
$jq("#back-top").hide();
            
            
// fade in #back-top
            
$jq(function () {
                        
$jq( window). scroll( function () {
                                    
if ( $jq( this). scrollTop() > 100) {
                                                
$jq( '#back-top'). fadeIn();
                                    }
else {
                                                
$jq( '#back-top'). fadeOut();
                                    }
                        });
                        
// scroll body to 0px on click
                        
$jq( '#back-top'). click( function () {
                                    
$jq( 'body,html'). animate({
                                                
scrollTop: 0
                                    
}, 800 );
                                    
return false;
                        });
            });

});
(忽略$jq一般情况下可以用$代替,这里是为了避免库冲突)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值