jq 选择$(this)下的某个元素

$(".wrap_xia > div").mouseover(function(){		
		
		$(".wrap_xia > div").css("background","");//清除所有div背景颜色
		$(this).css("background","#bd0000");//给对应的div背景颜色
		
		$(".wrap_xia >div ").find("div:nth-child(2)").stop().animate({"opacity":0},100,function(){
			$(".wrap_xia >div ").find("div:nth-child(2)").css("right",36)
			$(this).animate({"right":45},500)
		});//每个对应的div标签的第二个子元素标签 运动 让透明度为0 紧接着回调函数 改变对应div下第二个元素标签 的position right的位置,36为原始位置, 意思是让45 运动到36
		$(this).find("div:nth-child(2)").stop().animate({"opacity":1},300); //$(this)下第二个div标签
	})
	
	$(".wrap_xia > div").mouseout(function(){
		$(this).css("background","");
		$(".wrap_xia >div ").find("div:nth-child(2)").stop().animate({"opacity":0},100)
	})

  鼠标放上去改变 $(".wrap_xia > div")  下的所有div的背景颜色   并且让所对应div下的第二个子元素 运动改变它定位的right值

主要标签:

$(this).find("div:nth-child(2)")  取到对应div下的第二个子标签

 

转载于:https://www.cnblogs.com/mingjixiaohui/p/5295343.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值