>  기사  >  웹 프론트엔드  >  jquery는 마우스를 클릭하면 테이블 행의 색상이 변경된다는 것을 인식합니다(코드 첨부).

jquery는 마우스를 클릭하면 테이블 행의 색상이 변경된다는 것을 인식합니다(코드 첨부).

不言
不言원래의
2018-08-16 14:11:333363검색

이 글의 내용은 마우스를 클릭하면 테이블 행의 색상이 변경된다는 것을 jquery가 어떻게 인식할 수 있는지에 대한 내용입니다. (코드 포함) 필요한 친구가 참고할 수 있기를 바랍니다. 당신에게 도움이 됩니다.

1년쯤 지나서 Linux 배포 프로젝트 시도부터 네트워크 보안, 백엔드 개발까지 새로운 지식을 배우고 Jquery를 사용하기 시작했습니다.

그리고 그게 바로 그것입니다. 이루어져야 합니다. 또한 더 넓은 관점에 자신을 노출시키십시오. 갓 졸업한 대학생의 경우. 창업자님, 저는 jquery를 사용해 본 적이 없습니다.

훈련받고 배웠지만 이틀밖에 걸리지 않았고 직장에서 그리는 페이지는 나중에 전문가가 조정해야 한다는 점, 무섭습니다. #🎜 🎜#

이제 곧 프론트엔드를 향한 여정을 시작하려는 기분이지만 그래도 페이지를 조정할 때는 꾸준해야 하고 시간이 걸립니다.

이 js를 조정하는 데는 많은 노력이 들지 않았지만 온라인에서도 참고했고 명령어에 대해 잘 몰랐습니다. 그 배경에는 인터넷에 떠도는 각종

예시를 그냥 버리고 제 생각대로 썼습니다. 단 두 문장의 코드일 뿐입니다. 제 글이 완벽하지 않을 수도 있지만, 공유하는 것은 제 성장 과정의 기록입니다

. 좋아요, 더 이상 말도 안되는 소리는 하지 마세요. 시작하려면 먼저 내 환경을 소개하겠습니다.

1. 아래와 같이 첫 페이지에는 아무것도 없습니다. 중간에 많은 tds가 있을 수 있고 물론 92cee25da80fac49f6fb6eec5fd2c22a가 없을 수도 있습니다. a34de1251f0d9fe1e645927f19a896e8의 각 줄에 넣으려면 8f86ca20bf479ad0d2cad5e574c19d8a 안에 작성하는 것이 더 좋으며, 그냥 a34de1251f0d9fe1e645927f19a896e8 태그에 추가하면 됩니다.

 <tbody><tr onclick=“SingleChangeColor(this)”>
  <td></td>.......
  </tr><tbody>

2. 그러면 이 js 메소드를

 4ec11beb6c39d0703d1751d203c17053

 2cacc6d41bbb37262a98f745aa00fbf0 , js로도 작성할 수 있습니다.

3. 그러면 방법은 다음과 같습니다:

function SingleChangeColor(e){
  //1.清楚表格的背景颜色:注意#contentTable是你表格的ID,ID唯一
  $("#contentTable").find("td").css("background","");
  //2.改变当前点击行的背景颜色
  $(e).find("td").css("background","red");//red为颜色,你也可以输入颜色值#00000等等
}

4. 상황에 따라

관련 권장 사항:

# 🎜🎜 #jquery는 페이지 클릭을 인식하여 클릭 수를 계산합니다_jquery

javascript jQuery 테이블 호버 변색/복원, 테이블 클릭 변색/복원을 기반으로 합니다. , 행 선택 클릭 Checkbox_jquery

위 내용은 jquery는 마우스를 클릭하면 테이블 행의 색상이 변경된다는 것을 인식합니다(코드 첨부).의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.