zoukankan      html  css  js  c++  java
  • jquery属性操作

    属性操作

    1.属性
    设置单选框被选中:
    $(document).ready(function(){
    $(":checkbox").attr("checked","true");
    });
    取消选中:
    $(document).ready(function(){
    $(":checkbox").removeAttr("checked");
    });
    禁用和选中所有页面上的复选框:
    $(document).ready(function(){
    $("input[type='checkbox']").prop("disabled", false);
    $("input[type='checkbox']").prop("checked", true);
    });
    移除用prop选中的单选框:
    $(document).ready(function(){
    $("input[type='checkbox']").removeProp("checked");
    });
    <body>
    <div>test1</div>
    <div id="d" >test2</div>
    <input type="button" value="Input Button"/>
    <input type="checkbox" />
    <input type="password" />
    <input type="radio" />
    <input type="reset" />
    <input type="text" value="文本框" />
    <input type="submit" />
    </body>

    2.css类
    为p元素添加类名:
    $(document).ready(function(){
    $("p").addClass("selected");
    });
    删除p元素的类名:
    $(document).ready(function(){
    $("p").removeClass("selected");
    });
    如果存在(不存在)就删除(添加)一个类
    $("p").toggleClass("selected");

    <body>
    <p>p</p>
    </body>

    3.html属性 (html,text,val)

    html返回p元素内容:
    $(document).ready(function(){
    var n= $("p").html();
    alert(n);
    });
    html设置p元素内容(标签有效):
    $(document).ready(function(){
    $("p").html("hello <b>world</b>");
    });
    text返回p元素内容:
    $(document).ready(function(){
    var p= $("p").text();
    alert(p);
    });
    text设置p元素内容(只是纯文本):
    $(document).ready(function(){
    $("p").text("Hello world!");
    });
    val设置input的值:
    $(document).ready(function(){
    $("input").val("hello world!");
    });

    <body>
    <input type="text" value="文本框" />
    <p>p</p>
    </body>

  • 相关阅读:
    poj3417 闇の連鎖 【树上差分】By cellur925
    Luogu P1613跑路【倍增】By cellur925
    CF519E A and B and Lecture Rooms
    poj 2412 The Balance 【exgcd】By cellur925
    NOIp 2014 解方程 【数学/秦九韶算法/大数取膜】By cellur925
    Maven项目整合SSH框架
    传递依赖
    Maven项目整合Struts2框架
    K.O. -------- Eclipse中Maven的报错处理
    依赖范围
  • 原文地址:https://www.cnblogs.com/qinyi173/p/4951362.html
Copyright © 2011-2022 走看看