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

    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);
    
     
    
    根据name取值:  
      
    $("input[name='mobile']").val()  
      
    根据id取值:  
      
    $("#mobile_reg_form").html()  
    根据name取值了遍历:  
      
    $("input[name='mobile']").each(  
      
    function(){  
      
    alert($(this).val());  
      
    }  
      
    )   
      
    取出form中的input:  
    <script type="text/javascript" language="JavaScript" charset="UTF-8">    
    $(document).ready(function(){    
    var a=$("form input");    
    $.each(    
        a,    
    function(name,object){    
    alert(name+":"+$(object).val());    
    }    
    );    
    });    
    </script>  
    得到值(多个的情况):  
      
    $("input[name='mobile']")[0].value  
      
    $("input[name='mobile']").get(1).value  
      
    -----jquery添加删除样式--------  
    给一个标签添加样式:  
    $("#id").addClass("style");  
    删除一个标签的样式:  
    $("#id").removeClass("style");  
    注:"#id"  id是对应标签的id,style是对应css样式的名称  
  • 相关阅读:
    随笔
    随笔
    随笔1
    随笔2
    intellij-maven-imports-have-broken-classpath
    如何使用idea把web项目打成war包
    spring-wind 搭建过程问题记录
    windows 64位 安装mvn提示 不是内部或外部命令
    面试碰到“为何从上家离职”...
    nginx 两台机器 出现退款失败问题
  • 原文地址:https://www.cnblogs.com/741570hh/p/7462877.html
Copyright © 2011-2022 走看看