jQuery选择器之表单元素选择器，jQuery基础 (一)

jQuery选择器之表单元素选择器

无论是提交还是传递数据，表单元素在动态交互页面的作用是非常重要的。jQuery中专门加入了表单选择器，从而能够极其方便地获取到某个类型的表单元素

表单选择器的具体方法描述：

注意事项：

除了input筛选选择器，几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]')

任务

在代码编辑器中第38行填写相应代码

$(':input')

在代码编辑器中第43行填写相应代码

$('input:text')

在代码编辑器中第48行填写相应代码

$('input:password')

在代码编辑器中第53行填写相应代码

$('input:radio')

在代码编辑器中第58行填写相应代码

$('input:checkbox')

在代码编辑器中第63行填写相应代码

$('input:submit')

在代码编辑器中第68行填写相应代码

$('input:image')

在代码编辑器中第73行填写相应代码

$('input:button')

在代码编辑器中第78行填写相应代码

$('input:file')

?不会了怎么办

index.html
imooc.css

1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
input{
            
        display: 
        block;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

提交

自动运行

重置代码

全屏

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

问答
评论
笔记
代码

全部精华我要发布

2-12的问题

最新回答 / weixin_慕勒8503657

找到你引入外部js标签，把里面的src="http"改成https即可。如：<script src="https://libs.baidu.com/jquery/1.9.1/jquery.js"></script>

3 回答 520 浏览

2022-04-24

JavaScript怎么学习啊，感觉不跟HTML一样

最新回答 / 秋之枫华

作为过来人，告诉你，最好的办法，就是多练，一定要自己敲代码

2 回答 982 浏览

2020-01-16

$(":input").css("border", "1px groove red"); 为什么不对下列2个反映<input type="radio"/> <input type="checkbox"/>

已采纳回答 / 胆小的孩子

$("input")

3 回答 940 浏览

2019-08-19

点击提交按钮

最新回答 / weixin_慕圣5109373

<a href="www.imooc.com">跳转</a>这个标签就可以自动跳转了，不需要函数，如果有其他不清楚的，直接将代码放出来

5 回答 1237 浏览

2019-12-09

$(':input').css("border", "1px groove red"); 问题

最新回答 / isSmallFish

由于表单给的都是input标签加的type属性所以原则上都是input标签所以$("input")和$(":input")都可以选中但是如果你尝试一下加入textear标签你就会发现$("input")选中不了了而$(":input")可以选中这是因为$("input")指的是标签名而$(":input")指的是标签类型而我们所用的textear和select等都是input类型的标签

4 回答 1532 浏览

2018-10-25