Use simple jQuery method to implement interlaced color changing function

Today, a simple method toggleClass() is used to implement interlaced color changing: the code is as follows:

Copy the code The code is as follows :

隔行换色

;

첫 번째 더 복잡한 방법:

코드 복사

$("#table tr").hover(function()

 {
 $(this).addClass("h") ;
                                                                   > {
 if ($ .attr ("확인됨") 
 {
 $ (이것) .closest ("tr"). 클래스 추가("c"); 
} 
} 
 else
 {
 $(this).closest("tr").removeClass("c") ;
 }
 })
 })


두 번째로 간단한 방법: 


toggleClass() 선택한 요소의 하나 이상의 클래스 설정 또는 제거를 전환합니다. 
각 요소에 지정된 클래스를 확인하는 방법입니다. 클래스가 존재하지 않으면 추가하고, 설정되어 있으면 제거합니다. 이를 토글 효과라고 합니다. 
그러나 "switch" 매개변수를 사용하면 클래스만 제거하거나 추가만 하도록 지정할 수 있습니다. 

코드 복사

코드는 다음과 같습니다.

$(function(){ $(" #table tr").hover(function(){ $(this).toggleClass("h"); > var d = $(this); d.closest(' tr').toggleClass("c",d.attr("checked")) ; })

})

< ;/html>

Related labels：

jquery Change colors every other line

source：php.cn

Previous article：How to quickly disrupt and rearrange javascript arrays_javascript skills Next article：Introduction to methods to quickly resolve conflicts between jQuery and other libraries_jquery

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

	脚本之家	脚本之家
	脚本之家	脚本之家
	脚本之家	脚本之家
	脚本之家	脚本之家
	脚本之家	脚本之家
	脚本之家	脚本之家
	脚本之家	스크립트 홈

Use simple jQuery method to implement interlaced color changing function_jquery