大佬教程收集整理的这篇文章主要介绍了使用jquery将类添加到nth-child,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<div id='tasklist'> <ul class='header'> <li> <div class='listitem head'>number</div> <div class='listitem head'>Description</div> <div class='listitem head'>Start Date</div> <div class='listitem head'>Due Date</div> <div class='listitem head'>Edit/View</div> <div class='listitem head'>Complete</div> </li> </ul> </div #tasklist ul { clear:both; list-style:none; margin:0; padding:0; } #tasklist ul li { clear:both; margin:3px; padding:3px; } .listitem { float:left; display:inline-block; } .listitem2 { width:400px; } $( document ).ready(function() { $('#tasklist ul li:nth-child(2)').addClass("listitem2"); }); <head> <link href='css/style.@L_262_4@' type='text/css' rel='stylesheet'> <!--[if IE]> <link rel="stylesheet" type="text/css" href="css/ie_style.css" /> <![endif]--> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <script> $( document ).ready(function() { $('.listitem:nth-child(2)').addClass("listitem2"); }); </script> </head>
以上是大佬教程为你收集整理的使用jquery将类添加到nth-child全部内容,希望文章能够帮你解决使用jquery将类添加到nth-child所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。