问答详情
源自:2-12 jQuery选择器之表单元素选择器

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

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


$(':input') 好像加不加 : 都能选择,那加了和不加有什么区别呢?

提问者:夏析 2018-09-03 13:18

个回答

  • isSmallFish
    2018-10-25 10:58:04

    由于表单给的都是input标签加的type属性 所以原则上 都是input标签 所以$("input")和$(":input")都可以选中

    但是 如果你尝试一下加入textear标签  你就会发现$("input")选中不了了 而$(":input")可以选中

    这是因为$("input")指的是标签名  而$(":input")指的是标签类型 而我们所用的textear和select等  都是input类型的标签

  • qq_无冬无夏_1
    2018-09-05 15:21:58

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

  • 夏析
    2018-09-03 13:25:14

      $(':password').css("background", "yellow");


    怎么还可以这样写?   $('input:password') 不需要这样吗?

  • 夏析
    2018-09-03 13:21:07


    $("input") 只选择input类型的控件

    $(":input") 选择input,textarea,select,button类型的控件