jquery获取input输入框中的值

如何用javascript获取input输入框中的值，js/jq通过name、id、class获取input输入框中的value

先准备一段 html

<input type="text" id="cn_name" name="cn_name" class="cn_name">

一、jquery获取input文本框中的值

通过 name

var name = $('input[name="cn_name"]').val();

通过 id

var name = $('#cn_name').val();

通过 class

var name = $('.cn_name').val();

二、javascript获取input输入框中的值

通过 name

document.getelementsbyname("cn_name")[0].value

通过 id

var name = document.getelementbyid("cn_name").value

通过 class

document.getelementsbyclassname("cn_name")[0].value