jQuery样式操作实例

最新推荐文章于 2022-10-19 17:16:16 发布

转载最新推荐文章于 2022-10-19 17:16:16 发布 · 83 阅读

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://www.mk2048.com/blog/blog.php?id=201kic0cb&title=jQuery%E6%A0%B7%E5%BC%8F%E6%93%8D%E4%BD%9C%E5%AE%9E%E4%BE%8B

标签

#jQuery

收录于

前端专栏收录该内容

115 篇文章

订阅专栏

                        
                    

         <script type="text/javascript">
 //<![CDATA[
  $(function(){
      //获取样式
      $("input:eq(0)").click(function(){
            alert( $("p").attr("class") );
      });
      //设置样式
      $("input:eq(1)").click(function(){
            $("p").attr("class","high");
      });
      //追加样式
      $("input:eq(2)").click(function(){
            $("p").addClass("another");
      });    
      //删除全部样式
      $("input:eq(3)").click(function(){
            $("p").removeClass();
      });  
       //删除指定样式
      $("input:eq(4)").click(function(){
            $("p").removeClass("high");
      });   
      //重复切换样式
      $("input:eq(5)").click(function(){
            $("p").toggleClass("another");
      });  
      //判断元素是否含有某样式
      $("input").eq(6).click(function(){
            alert( $("p").hasClass("another") )
            alert( $("p").is(".another") )
      });  
  });
  //]]>
  </script>
     
    