zoukankan      html  css  js  c++  java
  • jq class操作

    <input type="button" value="添加basic类" >
    <input type="button" value="添加bigger类">
    <input type="button" value="移除bigger类">
    <input type="button" value="判断bigger类">
    <input type="button" value="切换类">
    <ul>
    <li class="aa bb cc dd">1</li>
    <li class="aa bb cc dd">2</li>
    <li class="aa bb cc dd">3</li>
    <li class="aa bb cc dd">4</li>
    </ul>
    <script src="jquery-1.12.4.js"></script>
    <script>
    $(function () {
    $("input").eq(0).click(function () {
    //添加一个类
    $("li").addClass("basic");
    });
    $("input").eq(1).click(function () {
    //添加一个类
    $("li").addClass("bigger");
    });
    $("input").eq(2).click(function () {
    //移除一个类
    $("li").removeClass("bigger");
    });
    $("input").eq(3).click(function () {
    //判断这个类中有没有这个class
    console.log($("li").hasClass("bigger"));
    });
    $("input").eq(4).click(function () {

    // //方法1:
    // if($("li").hasClass("basic")){
    // $("li").removeClass("basic");
    // }else {
    // $("li").addClass("basic");
    // }

    //判断li有没有basic类,如果有,就移除他,没有就添加他
    $("li").toggleClass("basic");
    });
    });
    </script>
  • 相关阅读:
    天翼网关获取超级密码
    Wirte-up:攻防世界Web解题过程新手区01-06
    F#周报2019年第12期
    F#周报2019年第11期
    F#周报2019年第10期
    F#周报2019年第9期
    F#周报2019年第8期
    F#周报2019年第7期
    ML.NET 0.10特性简介
    F#周报2019年第6期
  • 原文地址:https://www.cnblogs.com/lujieting/p/10099465.html
Copyright © 2011-2022 走看看