jquery属性的获取与设置
来源:互联网 发布:中信建投mac版 编辑:程序博客网 时间:2024/05/15 05:07
最近做新的皮肤包发现对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
- jquery属性的获取与设置
- jQuery入门(3) 设置DOM属性与获取DOM属性
- JQuery自定义属性的设置和获取
- jQuery中的attr()与prop()设置属性、获取属性的区别
- jQuery attr()获取属性和设置属性的方法
- JQuery获取元素的值与属性
- js、jquery获取、设置元素属性与样式
- JS自定义属性的设置与获取
- Jquery小点滴 - 元素属性的设置和获取
- jQuery -> 获取/设置/删除DOM元素的属性
- jQuery -> 获取/设置/删除DOM元素的属性
- Jquery之元素属性的设置和获取
- JQuery样式与属性设置
- 设置与获取自定义属性
- jQuery - 设置获取内容和属性
- 用js/JQuery获取/设置元素属性
- jQuery 获取设置删除对象属性
- Jquery 获取和设置元素属性值
- android getwidth 为0的情况解决
- 51NOD-1391 01串(预处理&&枚举)
- java读取配置文件中的键值
- 60多年前,一群小白程序员扒了一个俄罗斯的开源框架
- Ubuntu配置samba实现文件夹共享
- jquery属性的获取与设置
- 【chrome开发者工具介绍】评估网络性能
- 图片交替显示及鼠标滑过更换图片
- P2P整改线下门店 关闭一家损失百万元
- 关于广播接受者的问题
- Centos6.5下搭建Tomcat
- 监控指标模板的mini-textbox选择然后做级联操作,处罚相应的事件
- 0x80050142 No spatial reference exists 解决思路
- 左图右文或者上图下文的排列