• 如何获取input自定义属性


    javascript方法:

    <input type="checkbox"  name="sdf"  data="这是自定义属性" />

    因为data不是input标签原生的属性,所以不能使用"点"操作。

    非标准属性,要用:obj.getAttribute("data");的方式。

    错误的用法:var data = obj.data;

    删除自定义属性:

    javascript:

    removeAttribute();

    jquery用法:

    $("ul li:eq(1)").removeAttr ("title");

    原创示例:

    html:

    <input type="checkbox"  hlp="uu"/>
    <input type="checkbox"  yyy="uu"/>
    <input type="checkbox"  aaa="uu"/>
    <input type="checkbox"  hlp="uu"/>
    <input type="checkbox"  ddd="uu"/>

    JS:

    window.onload=findOwnProperty;
    function findOwnProperty(){
     var inputs=document.getElementsByTagName("input");
     for( var i=0;i<inputs.length;i++){
      if(inputs[i].getAttribute("hlp")){
       inputs[i].setAttribute("hlp","123456")
          }
       }
     }

    通过jquery方法: 

     $("form").attr("check");   删除removeAttr();
    $("form").prop("check");
    两种都可以,不过新版jquery推荐第二种,两个在其他方面都差不多,我发现的唯一不同就是在checkbox上的时候,需要用prop,不然IE浏览器会不兼容

    p.s:

    attr(属性名, 属性值)   //设置属性的值 (为所有匹配的元素设置一个属性值。)
    jquery中val()与之类似,
    $(this).val();获取某个元素节点的value值,相当于$(this).attr("value");
    $(this).val(value);设置某个元素节点的value值,相当于$(this).attr("value",value);

  • 相关阅读:
    元素绑定与非元素绑定
    窗口之间的交互,windows和自定义的窗口集合
    e.which
    prop()和attr()
    web动画
    $.proxy()和$.makeArray()
    匿名自执行函数报错
    页面适配
    gulp
    伪元素和伪类
  • 原文地址:https://www.cnblogs.com/peng14/p/3338600.html
Copyright © 2020-2023  润新知