• jq常用


    1、文本框、密码框、隐藏域、文本域(id换成对应的,value属性存在,才能利用attr(‘value’) 获取值,否则返回undefined):
    
    1.1 获取—>$(“#text”).val()或者$(“#text”).attr(‘value’)
    
    1.2 设置—>$(“#text”).val(‘test’)或者$(“#text”).attr(‘value’,’test’)
    
    2、按钮:普通按钮、重置按钮和提交按钮(id换成对应的,value属性存在,才能利用attr(‘value’) 或者val()获取值,否则attr返回undefined,val返回空)
    
    2.1 获取—>$(“#btn”).val()或者$(“#btn”).attr(‘value’)
    
    2.2 设置—>$(“#btn”).val(‘test’)或者$(“#btn”).attr(‘value’,’test’)
    
    3、复选框、单选框:(id换成对应的,value属性存在,才能利用attr(‘value’) 或者val()获取值,否则attr返回undefined,val返回on(不管是否存在checked属性))
    
    3.1 获取—>$(“#check”).val()或者$(“#check”).attr(‘value’)
    
    3.1 设置—>$(“#check”).val(‘test’)或者$(“#check”).attr(‘value’,’test’)
    
    3.3 获取选中的复选框的值:$(“input[type=checkbox][checked]“).attr(‘value’)或者$(“input[type=checkbox][checked]“).val()【ps:只会返回第一个被选中的值】
    
    //获取全部选中的复选框的值
    $(“input[type=checkbox][checked]“).each(function(){
    alert($(this).val());
    })
    
    //若要将全选中的值传递给后台,则将复选框的name属性命名为namevalue[]形式
    
    3.4 全选、取消全选和反选(单选框不能全选,可以反选)
    //全选,checked的值可以是true或者checked,后者是w3c给出的值
    $(“[name='test1']“).attr(“checked”,‘checked’);
    //取消全选
    $(“[name='test1']“).removeAttr(“checked”)//反选
    $(“[name='test1']“).each(function()
    {
    if($(this).attr(“checked”))
    {
    $(this).removeAttr(“checked”);
    }
    else
    {
    $(this).attr(“checked”,’true’);
    }
    });
    
    3.5 判断选中状态:$(“#test1″).attr(“checked”) :未选中返回undefined,选中返回checked。所以,$(“#test1″).attr(“checked”) == true不能作为是否选中的判断,$(“#test1″).attr(“checked”) == undefined可以作为未选中的判断。
    
    3.6 取消选择—>$(“#test1″).attr(“checked”,false)或者$(“#test1″).removeAttr(“checked”)(ps:$(“#test1″).attr(“checked”,””)在FireFox中有效,在Google中无效)
    
    3.7 选中某个复选框(单选框)–>$(“#test2″).attr(“checked”,true)或者$(“#test2″).attr(“checked”,”checked”)
    
    4、下拉框:
    
    4.1 获取选中选项的值—>$(“#slt”).val()(ps:$(“#slt”).attr(‘value’)会返回undefined)
    
    4.2 设置—>$(“#slt”).val(‘audi’)(ps:如果select中有值为audi的选项,该选项就会被选中,如果不存在,则select不做任何变动)
    
    4.3 获取选中选项的文本—>$(“#slt option:selected”).text()或者$(“#slt”).find(“option:selected”).text()
    
    4.4 设置选中选项的文本—>$(“#slt”).find(“option:selected”).text(‘test’)或者$(“#slt option:selected”).text(‘test’);
    
    4.5 获取选中项的索引—>$(“#slt”).get(0).selectedIndex
    
    4.6 设置索引—>$(“#slt”).get(0).selectedIndex = index(ps:索引从0开始,index的最大值不能超过option的最大索引,否则$(“#slt”).get(0).selectedIndex 返回-1)
    
    4.7 清空select—>$(“#slt”).html(”) 或者$(“#slt”).empty()
    
    4.8 添加option—>$(‘<option value=”1″>1</option>’).appendTo($(“#slt”))  或者  $(“#slt”).append(‘<option value=”3″>2</option>’);
    
    4.9 删除option—>$(“#slt option[value='opel']“).remove():删除值是opel的option(value属性要存在,同样可以根据存在的text/index属性删除option)
    
    5、元素的可用性(disabled的官方值是disabled)
    
    5.1 禁用元素—>$(“#text”).attr(“disabled”,true)或者$(“#text”).attr(“disabled”,”disabled”);
    
    5.2 启用元素—>$(“#text”).attr(“disabled”,false) 或者$(“#text”).removeAttr(“disabled”);
    
    5.3 是否可用—>$(“#text”).attr(“disabled”) 返回disabled则不可用,返回undefined则可用(ps:可以根据$(“#text”).attr(“disabled”) ==undefined的返回值判断)
    

      

  • 相关阅读:
    美联储主席和欧洲央行说了什么
    12月CPI,PPI有哪些变化
    中国人民银行行长易纲就贯彻落实中央经济工作会议精神接受采访谈
    2018年个人的一些简单预测
    从首套房利率走势看市场
    百城价格房价周期和郑州、武汉房价比较分析
    国际非农超预期美联储主席态度软化,国内适度宽松货币+积极财政仍是主基调
    三大经济体年2018年末形势一览
    从房地产住宅销售面积增速看房地产行业
    枚举类
  • 原文地址:https://www.cnblogs.com/cbw7172002/p/7476204.html
Copyright © 2020-2023  润新知