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