The jQuery method concisely implements interlaced color changing and the use of toggleClass

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:

alternate lines Color change

;td align="center">

/table>

<script> The first more complicated method : </div> Copy code <div class="codetitle"> The code is as follows:<a style="CURSOR: pointer" data="28205" class="copybut" id="copybut28205" onclick="doCopy('code28205')"> $(function() </a>{ $ ("#table tr").hover(function() </div>{ <div class="codebody" id="code28205">$(this).addClass("h"); },function() { $(this ).removeClass("h"); }) $("input").click(function() { if($(this).attr("checked")) { $(this).closest("tr").addClass("c"); } else { $(this).closest("tr ").removeClass("c"); } }) }) The second simpler method : toggleClass() Toggles the setting or removal of one or more classes for selected elements. </div>This method checks the specified class in each element. Adds the class if it does not exist, or removes it if it is set. This is called a toggle effect. However, by using the "switch" parameter, you can specify that only classes be removed or only added. Copy code <div class="codetitle"> The code is as follows:<a style="CURSOR: pointer" data="6178" class="copybut" id="copybut6178" onclick="doCopy('code6178')"> $(function(){ </a>$(" #table tr").hover(function(){ $(this).toggleClass("h"); </div>}) <div class="codebody" id="code6178">$("input").click(function(){ var d = $(this); d.closest('tr').toggleClass("c",d.attr("checked")) ; }) }) </script>

Related labels：

jquery Change colors every other line

source：php.cn

Previous article：Use jQuery's deferred object to load JS files asynchronously and sequentially_jquery Next article：jquery uses ColorBox to pop up the picture group browsing layer example demonstration_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

	Blue Maple Front End	Blue Maple Front End< /td>
	Blue maple front end	Blue maple front end
	Blue maple front end	Blue maple front end	Blue maple front end	Blue maple front end
< input type="checkbox" name="checkbox" class="check1" value="checkbox" />	Blue maple front end
	Blue maple front end	Blue maple front end
	Blue maple front end	Blue maple front end

The jQuery method concisely implements interlaced color changing and the use of toggleClass_jquery