通过children方法，children("input:first-child")
$(``this``).children(``"input:first-child"``).val();
$(``this``).children(``"input:last-child"``).val();
通过>选择器，$(".items>input:first")
我们来看一篇文章《jQuery选择元素的方法》
1.说一下按位置选择的几个操作：
:first：默认为相对于整个页面的第一个，如：li:first表示整个页面的第一个li元素，ul li:first表示整个页面的第一个li元素，并且是ul下的子元素；
:last: 同上jq通过属性找父类，只是最后一个；
:first-child：匹配每个父元素的第一个子元素，如li:first-child返回每个ul的第一个li元素。可以这样理解，如果页面中的元素有相同的父元素并且包含li元素，则取第一个li元素，并且必须对每个子类集合进行判断，直到找到所有满足要求的li元素. ;
:last-child：这个也是相对于上面的，不过取的是最后一个；
:only-child：返回所有没有兄弟节点的元素，注意文本元素不是，也就是说是这样的
你好 jquery
，对于这个段落，元素将被选中；对于$("label:only-child")，label元素会被选中，是其父类唯一子元素的label元素；
:nth-child(n)：返回第n个子节点，n从1开始，如果n为0，则选择所有元素。如：[*]li:nth-child(2)返回li元素，该元素为其父元素的第二个子元素；
:nth-child(even|odd)：返回偶数或奇数子节点；
:nth-child(An+B)：返回满足表达式 An+B 的所有子节点。例如3n+1返回子元素，其位置是父节点的子元素，是3的倍数加1；
:even：页面范围内偶数位置的元素，如：li:even 返回所有偶数的li元素；
：奇数：页面范围内奇数位置的元素；
:eq(n)：第n个匹配元素（n从0开始），如：li:eq(3)返回整个页面的第四个li元素，ul li:eq(1)返回页面中第一个ul元素下的第二个li元素，注意：只匹配一次就返回；
:gt(n)：第n个匹配元素之后的元素（不包括）（n从0开始），如：ul:gt(2)返回从第3个ul开始的所有ul元素（包括第3个);
:lt(n)：第n个匹配元素之前的元素（不包括）（n从0开始）jq通过属性找父类，如：ul:lt(2)从第0个和第1个ul元素返回；
2. 使用 css 选择器进行选择：
元素标签名：例如$("a")会选择所有链接元素；
"#id"：按元素id选择，例如$("#form1")会选择id为form1的元素；
.class：按元素的CSS类选择，例如$(".boldstyle")会选择CSS为boldstyle类的元素；
标签名称#id.class：由某类元素的id属性和class属性选择，如：$(a#blog.boldStyle)会选择id为blog，CSS类型为.的link元素。粗体样式（
父标签名子标签名.class：通过选择父标签下的某个CSS类型的子元素，如：$(p a.redStyle)会选择p段落元素中的链接子元素a，其css 类型为 .redStyle;
3. 通过子选择器、容器选择器和属性选择器进行选择：
：匹配所有元素，例如：$() 将返回页面中的所有元素；
E：匹配所有标签名为E的元素，如$("a")返回所有链接元素；
E F：匹配父元素E下所有标签名为F的子元素（F可以是E的子类的子类，甚至更远）；
E>F：匹配父元素E下所有标签名为F的直接子元素；
E+F：匹配所有
标签名为F的元素，并且在F元素之前有一个E类型的兄弟节点（E，F在它旁边）；
E~F：匹配任何兄弟节点E之前的所有元素F（E，F不必相邻）；
E:has(F)：匹配标签名为E且至少有一个标签名为F的后代节点的所有元素E；
E.C：匹配类名C的所有元素E。.C等价于.C；
E#I：匹配id为I的所有元素E，#I等价于#I；
E[A]：匹配所有具有属性A的元素E；
E[A=V]：匹配属性A的值为V的所有元素E；
E[A^=V]：匹配所有元素E，A的属性值以V开头；
E[A$=V]：匹配所有元素E，A的属性值以V结尾；
E[A*=V]：匹配所有元素E，A的属性值包含V；
4.使用jQuery的自定义选择器进行选择：
:button: 任意选择
按钮类型元素，包括input[type=submit]等；
:checkbox：选中复选框元素；
:file：选择所有文件类型元素，即input[type=file];
:image：选择表单中的图片元素，即input[type=image]，注意这里和之前根据
img 选择图有点不一样哈哈；
:input: 选择表单元素，如,,等；
：
radio：选择单选按钮元素；
:reset: 选择重置按钮元素，如input[type=reset], button[type=reset];
:submit: 选择提交按钮元素；
:text: 选择文本域元素，即input[type=text];
:animated: 选择当前动态控制的元素；
:contains(hello)：选择包含文本hello的元素；
:header：选择表头元素，如
;
:parent：选择具有后代节点的元素（包括文本），不包括空元素；
:selected: 选择选中的选项元素；
:visible: 选择可见元素；
:enable：选择界面上已经存在的表单元素；
:disabled: 在界面上选择禁用
表单元素；
:checked: 选中复选框或单选
