1.siblings()方法:获得匹配元素中每个元素的同胞(除了自己外的其他同级元素)
导航栏选择效果
点击“华东地区”,其他同级元素灰色背景以及下拉菜单消失,当前元素有灰色背景以及下拉菜单。再次点击自身元素,自身的灰色背景以及下拉菜单消失:
<div class="nav-list nav-item"> <a href="javascript:;" class="direct">华东地区</a> <ul class="childlist" style="display:none"> <li><a href="javascript:;" class="childitem">全部</a></li> <li><a href="javascript:;" class="childitem">上海</a></li> <li><a href="javascript:;" class="childitem">浙江</a></li> </ul> </div>
$(".direct").click(function(){ $(this).parent().siblings().removeClass('on'); $(this).parent().toggleClass('on'); $(this).parent().siblings().find(".childlist").hide(); $(this).parent().find('.childlist').toggle(); });
2. nextAll()方法:获得匹配元素集合中每个元素的所有跟随的同胞元素,由选择器筛选是可选的。
// 前10个商品以后的隐藏
$(".out_wrapper").each(function(index, el) {
$(this).children().eq(4).nextAll().css('display', 'none');
});
$(".record_list").each(function(index,el){
if(index == 9){
$(this).nextAll().css("display","none");
}
});
3.scrollTop()方法:方法返回或设置匹配元素的滚动条的垂直位置。
//window.scrollTo(100,500);
//$(window).animate({top:"300px"});
$('body,html').animate({scrollTop:530},500); 对
4.jquery如何让滚动条默认在最底部
$(
'#content'
).scrollTop( $(
'#content'
)[0].scrollHeight );
5.获取input内value的值:val()方法
$(".stock").val();
6.设置/获取div内的值:text()方法
$(".tip4").text("需求商品不能为空");