$("li:not([title='蔬菜'])").css("background-color", "green");
2015-12-02
<script type="text/javascript">
$(".hid").hide();
$("a").click(function(){
if($("a").html()=="更多"){
$("li").show();
$("a").html("简化");
}
else{
$("li").hide();
$("li:eq(-5),li:eq(-4),li:eq(-3),li:eq(-2),li:eq(-1)").show();
$("a").html("更多");
}})
$(".hid").hide();
$("a").click(function(){
if($("a").html()=="更多"){
$("li").show();
$("a").html("简化");
}
else{
$("li").hide();
$("li:eq(-5),li:eq(-4),li:eq(-3),li:eq(-2),li:eq(-1)").show();
$("a").html("更多");
}})
$(function(){
$("#on").click(function(){
$(".ab").stop();
$(".ab").animate({
left:"-=50px"
},1000)
})
$("#off").click(function(){
$(".ab").stop();
$(".ab").animate({left:"+=50px"},1000)})})
$("#on").click(function(){
$(".ab").stop();
$(".ab").animate({
left:"-=50px"
},1000)
})
$("#off").click(function(){
$(".ab").stop();
$(".ab").animate({left:"+=50px"},1000)})})
2015-12-02
$(document).ready(function(){$("li:gt(3):not(:last)").hide();$("a").click(function(){if($("a").html()=="更多"){$("li:gt(3):not(:last)").show();$(this).html("简单");}else{$("li:gt(3):not(:last)").hide();$(this).html("更多");}});})
滑动效果有延迟,鼠标点击频率高了之后会更加明显,toggle()方法也是这样。还是运用slideUp和slideDown方法比较好一点,虽然代码会增多。
2015-12-01
<script type="text/javascript">
$("li:eq(4),li:eq(5)").hide();
$("a").click(function(){
if($("a").html()=="更多"){
$("li:eq(4),li:eq(5)").show();
$("a").html("简化");
}
else{
$("li:eq(4),li:eq(5)").hide();
$("a").html("更多");
}})
</script>
$("li:eq(4),li:eq(5)").hide();
$("a").click(function(){
if($("a").html()=="更多"){
$("li:eq(4),li:eq(5)").show();
$("a").html("简化");
}
else{
$("li:eq(4),li:eq(5)").hide();
$("a").html("更多");
}})
</script>
<script type="text/javascript">
$("li:last").css("background-color", "red");
</script>
$("li:last").css("background-color", "red");
</script>
2015-12-01