Home > Article > Web Front-end > Use simple jQuery method to implement interlaced color changing function_jquery

Use simple jQuery method to implement interlaced color changing function_jquery

WBOYOriginal: 2016-05-16 17:05:54950browse

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 :

隔行换色

;

첫 번째 더 복잡한 방법:

코드 복사

코드는 다음과 같습니다. $(function() {

$("#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>

Statement：

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

Previous article：How to quickly disrupt and rearrange javascript arrays_javascript skillsNext article：How to quickly disrupt and rearrange javascript arrays_javascript skills

See more

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

Use simple jQuery method to implement interlaced color changing function_jquery

Related articles