zoukankan      html  css  js  c++  java
  • jquery通过name,id名称获取当前value值

    name是input标签的属性值,jQuery提供了attr() 方法用于设置/改变属性值

    $("input:text").attr("name");
    $("input:text").prop("name");  // 也可以使用prop()方法获取属性

    $("*[name='name']").val(); //获取vlaue值
    $("*[name='name']").attr('id','name'); //添加id名称
    $("*[name='name']").after('<div>hello world</div>'); //在当前外添加元素 

    jquery通过name属性取值的方法

     alert($("input[name='inputTest']").val());

    alert($("input[type='text']").attr("id")); //这个是取id的值,方便记就写在这儿了

    $("input[name='inputTest']").each(

    function(){

    alert($(this).val());

    }

    alert($("input[name='inputTest']")[0].value);

    alert($("input[name='inputTest']")[1].value);

    alert($("input[name='inputTest']").get(0).value); //此处也可以得到值,等同于上面两行

    alert($("input[name='inputTest']").get(1).value);

    1. 根据name取值:  
    2.   
    3. $("input[name='mobile']").val()  
    4.   
    5. 根据id取值:  
    6.   
    7. $("#mobile_reg_form").html()  
    8. 根据name取值了遍历:  
    9.   
    10. $("input[name='mobile']").each(  
    11.   
    12. function(){  
    13.   
    14. alert($(this).val());  
    15.   
    16. }  
    17.   
    18. )   
    19.   
    20. 取出form中的input:  
    21. <script type="text/javascript" language="JavaScript" charset="UTF-8">    
    22. $(document).ready(function(){    
    23. var a=$("form input");    
    24. $.each(    
    25.     a,    
    26. function(name,object){    
    27. alert(name+":"+$(object).val());    
    28. }    
    29. );    
    30. });    
    31. </script>  
    32. 得到值(多个的情况):  
    33.   
    34. $("input[name='mobile']")[0].value  
    35.   
    36. $("input[name='mobile']").get(1).value  
    37.   
    38. -----jquery添加删除样式--------  
    39. 给一个标签添加样式:  
    40. $("#id").addClass("style");  
    41. 删除一个标签的样式:  
    42. $("#id").removeClass("style");  
    43. 注:"#id"  id是对应标签的id,style是对应css样式的名称  

    非常感谢您的阅读,如果这篇文章对您有所帮助,请随便打赏一下作为鼓励,我会再接再厉的!!!

  • 相关阅读:
    Python之正则表达式(re模块)
    正则表达式总结
    Python之日志处理(logging模块)
    Python之向日志输出中添加上下文信息
    python之配置日志的几种方式
    OSG3.4内置Examples解析【目录】
    探究osg中的程序设计模式【目录】
    3wwang的2019计划
    《探索未知种族之osg类生物》目录
    探索未知种族之osg类生物---渲染遍历之裁剪三
  • 原文地址:https://www.cnblogs.com/zhangliang88/p/5468840.html
Copyright © 2011-2022 走看看