资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

jquery如何实现点击元素相邻元素隐藏

本篇内容主要讲解“jquery如何实现点击元素相邻元素隐藏”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jquery如何实现点击元素相邻元素隐藏”吧!

创新互联-专业网站定制、快速模板网站建设、高性价比浦口网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式浦口网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖浦口地区。费用合理售后完善,十余年实体公司更值得信赖。

方法:1、用click()给元素绑定点击事件,并设置处理函数;2、在处理函数中,用next()和prev()函数获取相邻元素,并用hide()将获取到的元素隐藏,语法为“元素.next().hide();元素.prev().hide()”。

jquery如何实现点击元素相邻元素隐藏

本教程操作环境: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如何实现点击元素相邻元素隐藏

到此,相信大家对“jquery如何实现点击元素相邻元素隐藏”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


文章题目:jquery如何实现点击元素相邻元素隐藏
当前路径:http://cdkjz.cn/article/pdsigh.html
返回首页 了解更多建站资讯
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220