如何用jquery获取input中输入的值

1、引用jQuery库到页面

2、获取input的值

$("#input的id")val();//这就是获取input的值，也可以给input赋值

1、下载jQuery代码库

下载后如下图所示：

2、部署jQuery代码库

jQuery的部署与使用非常简单，只需要把其放入到项目中，并在页面中使用script标签中的src属性载入即可。

3、快速入门

例：使用jQuery隐藏一个div元素

4、基本选择器（重点）

• #id ：根据元素的id属性来获取元素

• class ：根据元素的class属性来获取元素

• Element ：根据元素的名称来获取元素

selector1,selector2 ：群组选择器，可以同时匹配多个元素

示例代码：

5、层级选择器（重点）

同级兄弟关系，父子关系，祖先与后代元素关系

• ancetor（空格）descendant ：选择当前元素的所有后代元素（不分层级）

• parent    >    child ：选择父元素下的所有子元素（只有一级，要求是父子关系）

• prev   +    next ：选择当前元素紧邻的同级元素的下一个元素

• prev  ~  siblings ：选择当前元素紧邻的所有同级兄弟元素

示例代码：

6、简单选择器

• :first ：选择索引为0第一个元素，索引默认是从0开始的

• :last ：选择索引最大的最后一个元素

• :even ：选择索引为偶数的所有元素

• :odd ：选择索引为奇数的所有元素

• :eq(index) ：根据元素的索引index来获取元素

• :gt(index) ：选择索引大于index的所有元素

• :lt(index) ：选择索引小于index的所有元素

• :not(selector) ：选择除指定选择器以外的其他元素

示例代码：

7、由于jquery选择器太多，小编就不一一举例子了。依照这个思路写就行了。

<script type="text/javascript">

$(document)ready(function(){

$("sums")click(function(){

var value = $(this)prev()html(); //用获取标签内内容。span里边没有value

alert(value);

});

});

</script>

正常写法是不加空格的，就是第二个divone的背景色为bbffaa

而加了空格，那jQuery只会认为是所有one

下的子元素第二个。您写css

就应该明白

aclassName

和

a

className的区别一个a的样式

一个多了个空格却是a的子元素的样式。

为了语法严谨还是请不要加空格。

以上就是关于如何用jquery获取input中输入的值全部的内容，包括:如何用jquery获取input中输入的值、jquery 获取值为空、jquery :nth-child()选择器用法,有关一个空格，小白求教等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！