大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
本篇内容主要讲解“jquery如何实现点击元素相邻元素隐藏”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jquery如何实现点击元素相邻元素隐藏”吧!
创新互联-专业网站定制、快速模板网站建设、高性价比浦口网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式浦口网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖浦口地区。费用合理售后完善,十余年实体公司更值得信赖。
方法:1、用click()给元素绑定点击事件,并设置处理函数;2、在处理函数中,用next()和prev()函数获取相邻元素,并用hide()将获取到的元素隐藏,语法为“元素.next().hide();元素.prev().hide()”。
本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery实现点击元素,其相邻元素隐藏
实现方式:
使用click()函数给指定元素绑定点击事件,并设置处理函数
在处理函数中,使用next()和prev()函数获取相邻元素,并使用hide()函数将获取的元素隐藏
next():用来获取下一个同辈元素。
prev():用来获取上一个同辈元素。
实现代码:
ul (父节点)
- li
- li (类名为"star"的相邻元素)
- 类名称为“star”的li元素
- li (类名为"star"的相邻元素)
- li
点击类名称为“star”的li元素,隐藏其相邻的两个元素
到此,相信大家对“jquery如何实现点击元素相邻元素隐藏”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!