jq 对应和排他写法

一时失言乱红尘 2021-07-25 00:41 261阅读 0赞

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<style>
    			div{ 
    				width: 600px;
    				height: 300px;
    				border: solid 1px red;
    				margin: 20px;
    			}
    			p{ 
    				height: 100px;
    				width:100px;
    				background-color: orange;
    				float: left;
    				margin: 30px;
    			}
    			
    		</style>
    		<script src="js/jquery-3.4.1.js"></script>
    	</head>
    	<body>
    		<div class="box">
    			<p></p>
    			<p></p>
    			<p></p>
    		</div>
    		
    		<div class="box1">
    			<p></p>
    			<p></p>
    			<p></p>
    		</div>
    		
    	</body>
    	<script>
    		
    		$('.box p').mouseenter(function(){ 
    			$(this).css('background-color','pink');
    			$(this).siblings().css('background-color','orange');
    			var index=$(this).index();
    			$(".box1 p").eq(index).css('background-color','pink');
    			$(".box1 p").eq(index).siblings().css('background-color','orange');
    		})
    		
    		
    	</script>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，261人围观）

还没有评论，来说两句吧...

相关阅读

相关 Mysql InnoDB 排他锁

Mysql InnoDB 排他锁用法：select … for update; 例如：select \ from goods where id = 1 for upd

水深无声/ 2024年03月02日 10:54/ 0 赞/ 80 阅读

相关共享锁（读锁）和排他锁（写锁）

一、共享锁（读锁）：共享锁允许多个线程同时获取锁，并发访问共享资源。共享锁是一种乐观锁，允许多个执行读操作的线程同时访问共享资源。二、排它锁（写锁）：排它锁

刺骨的言语ヽ痛彻心扉/ 2023年10月14日 12:10/ 0 赞/ 45 阅读

相关排他思想

1.先干掉其他人 2.留下我自己（设置想要的效果） <button>按钮1</button> <button>按钮2</button>

缺乏、安全感/ 2023年06月24日 04:53/ 0 赞/ 15 阅读

相关 Jquery 排他思想

<div id="mydiv"> <button>按钮</button> <button>按钮</button> <button>按钮</

本是古典何须时尚/ 2023年01月09日 15:58/ 0 赞/ 127 阅读

相关 mysql排他锁实例_mysql共享锁与排他锁用法实例分析

本文实例讲述了mysql共享锁与排他锁用法。分享给大家供大家参考，具体如下： mysql锁机制分为表级锁和行级锁，本文就和大家分享一下我对mysql中行级锁中的共享锁与排他锁

妖狐艹你老母/ 2022年10月24日 13:18/ 0 赞/ 170 阅读

相关 Activiti排他网关

执行到该网关，根据条件只能走一条执行线路； ![Center][] 根据请假天数，来具体让谁来审批，请假天数小于3天，项目组长审批；请假天数小于7天，大于等于

青旅半醒/ 2022年09月29日 04:26/ 0 赞/ 260 阅读

相关 454-MySQL(意向共享,排他锁和死锁)

InnoDB表级锁我们在之前知道，InnoDB是行锁，但是不是每次都获取行锁，如果没有索引项的话，还是一个表锁。而且有的时候，我们希望直接去使用表锁。在绝大部分情况

女爷i/ 2022年09月07日 01:23/ 0 赞/ 216 阅读

相关他娘的快排

include <stdio.h> include <stdlib.h> void quick_sort(int a[],int l,int

小咪咪/ 2022年07月11日 13:21/ 0 赞/ 144 阅读

相关 js ---实现排他效果

// 排他功能 let btn = document.getElementsByTagName('button'); for (let

àì夳堔傛蜴生んèń/ 2021年08月13日 22:38/ 0 赞/ 524 阅读

相关 jq 对应和排他写法

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></t

一时失言乱红尘/ 2021年07月25日 00:41/ 0 赞/ 262 阅读