老师,除了这个方法还有其他的方法吗?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
ul{
cursor:pointer;
}
</style>
</head>
<body>
<ul id="menu">
<li>Web前端攻城狮</li>
<li>前端小白入门</li>
<li>前端进阶:响应式开发与常用框架</li>
<li>HTML5与CSS3实现动态网页</li>
<li>HTML5&CSS3进阶与常用框架</li>
<li>JavaScript基础入门</li>
<li>进击JavaScript核心</li>
</ul>
<script src="https://cdn.bootcss.com/zepto/1.1.7/zepto.min.js"></script>
<script>
/*此处写代码*/
$('#menu').on('click',function(e,index){
$(e.target).css('background','yellow');
$(e.target).siblings().css('background','#ffffff');
$(e.target).prev().css('background','blue');
$(e.target).next().css('background','red');
})
</script>
</body>
</html>
可不可以用筛选器,把目标元素,下一个,上一个过滤掉,记得jq里有这个方法来着..
正在回答
filter()是jquery的一个方法,该方法返回符合一定条件的元素。即:该方法让您规定一个条件。不符合条件的元素将从选择中移除,符合条件的元素将被返回。
:not() 选择器是选取除了指定元素以外的所有元素。
当前这个方式实现的效果是没有问题的,若是没有其他实现的思路的话,可以先用当前这样的实现。
祝学习愉快!
- 参与学习 人
- 提交作业 209 份
- 解答问题 3299 个
本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星