zoukankan      html  css  js  c++  java
  • 如何获取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);

  • 相关阅读:
    路飞学城Python-Day19
    路飞学城Python-Day18
    路飞学城Python-Day17
    ES6新特性概览
    关于Flex,有12个属性很重要
    Web前端工程师成长之路——知识汇总
    解决ajax跨域请求 (总结)
    项目中关于AJAX的使用总结
    Web前端性能优化——如何提高页面加载速度
    Canvas和SVG的区别
  • 原文地址:https://www.cnblogs.com/peng14/p/3338600.html
Copyright © 2011-2022 走看看