您的位置:首页 > Web前端 > JQuery

jquery属性的获取与设置

2016-06-03 17:53 260 查看
最近做新的皮肤包发现对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一般情况下可以用$代替,这里是为了避免库冲突)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: