js和jquery获取input的内容

一、获取input的值
1、通过普通选择器获取
　　通过类选择器获取：$('.class').val()
　　通过id选择器获取：$(" #id").val()
2、通过标签选择器获取
　　$(" input[ name='name' ] ").val()
　　$(" input[ type='text' ] ").val()
　　$(" input[ type='text' ]").attr("value")

3.遇到form表单时的一种方法

<div class="form_box" style="padding: 10px;">
                        <div class="mui-input-row">
                            <input name="oldPassword" type="password" placeholder="原密码" class="mui-input-password" data-input-password="2">
                            <span class="mui-icon mui-icon-eye"></span>
                        </div>
                        <div class="mui-input-row">
                            <input name="newPassword" type="password" placeholder="新密码" class="mui-input-password" data-input-password="2">
                            <span class="mui-icon mui-icon-eye"></span>
                        </div>
                        <div class="mui-input-row" >
                            <input name="reNewPassword" type="password" placeholder="确认新密码" class="mui-input-password" data-input-password="3">
                            <span class="mui-icon mui-icon-eye"></span>
                        </div>
                        <div class="mui-input-row">
                            <input  style="width: 60%; float:left;" name="code" type="text" placeholder="认证码">
                            <a href="javascript:;" class="btn_getCode mui-btn mui-btn-primary ren">获取认证码</a>
                        </div>
                        <a href="javascript:;" class="mui-btn mui-btn-primary btn_updatePass">确认修改</a>
                    </div>

var data = {
            oldPassword:$.trim($('[name=oldPassword]').val()),
            newPassword:$.trim($('[name=newPassword]').val()),
            reNewPassword:$.trim($('[name=reNewPassword]').val()),
            code:$.trim($('[name=code]').val())
        };
        console.log(data);

这样写会减少一些代码