分类解析jQuery选择器

2020-05-27 17:55:25易采站长站整理


$(":text").val("jQuery");
    <div>
      <input type="text" value="我是一个input" />  ***会被选中,是单行文本框
      <input type="button" value="确定" />      ***不会被选中,不是单行文本框
      <textarea>我是一个textarea</textarea>     ***不会被选中,不是单行文本框
    </div>

(3)、:password  获取所有的密码框  也就是<input type=”password” />元素


    $(":password").hide(3000);
    <div>
      <input type="password" />    ***会被选中,是密码框
      <input type="text" value="我是一个文本框" />  ***不会被选中,是文本框
    </div>

(4)、:radio  获取所有的单选按钮


    $(":radio").hide(3000);
    <div>
      <input type="radio" />我是一个radio  ***单选按钮会被选中,但是后面的文字不会
      <input type="text" />我是一个文本框  ***不会被选中
    </div>

(5)、:checkbox  获取所有的复选框


    $(":checkbox").hide(3000);
    <div>
      <input type="checkbox" />我是一个checkbox  ***复选框会被选中,文本不会
      <input type="text" />我是一个文本框       ***不会被选中,不是复选框
    </div>

(6)、:submit    获取所有的提交按钮


    $(":submit").hide(3000);
    <div>
      <input type="submit" value="提交">      ***会被选中,是提交按钮
      <input type="text" value="我是一个文本框">   ***不会被选中,不是提交按钮
    </div>

(7)、:image    获取所有的图像域


    $(":image").attr("title","我是一个图片按钮");
    <div>
      <input type="image" src="https://www.easck.com/d/file/200527/202005271751521216.jpg" />  ***会被选中
      <input type="text" value="我是一个文本框" />      ***不会被选中,不是图片按钮
    </div>

(8)、:reset    获取所有重置按钮


    $(":reset").hide(3000);
    <div>
      <input type="reset" value="重置">      ***会被选中,是重置按钮