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

本文实例为大家分享了表单元素选择器，供大家参考，具体内容如下

！DOCTYPE html html head meta http-equiv=' Content-type ' Content=' text/html；charset=utf-8 '/title/title link rel='样式表href=' imoc。CSS ' rel='外部无跟随'类型=' text/CSS '样式输入{ display : blockmargin : 10 xpadding :10 px }/style script src=' http :http://libs。百度。com/jquery/1。9 .1/jquery。js '/脚本/head dy H2子元素筛选选择器/H2H3输入、文本、密码、单选、复选框/H3H3提交、图像、重置、按钮、文件/h3 div class='左首“div”表单输入类型='text '值='text类型/input type=' password ' value=' password '/input type=' radio '/input type=' checkbox '/input type=' submit '/input type=' image '/input type=' reset '/input type=' Button ' value=' Button '/input type=' file '/form/div script type=' text/JavaScript '//查找所有输入，文本区域，选择和按钮元素//:输入选择器基本上选择所有表单控件$(':input ').css(“”边框，' 1px凹槽红色');/script脚本类型=' text/JavaScript '//匹配所有投入元素中类型为文本的投入元素$(':text ').css(“”背景，' # A2CD5A ')；/script脚本类型=' text/JavaScript '//匹配所有投入元素中类型为密码的投入元素$(':password ').css(“”背景','黄色');/script脚本类型=' text/JavaScript '//匹配所有投入元素中的单选按钮，并选中$(':radio ').attr('checked '，' true ')；/script脚本类型=' text/JavaScript '//匹配所有投入元素中的复选按钮，并选中$(“:复选框”).attr('checked '，' true ')；/script脚本类型=' text/JavaScript '//匹配所有投入元素中的提交的按钮，修改背景颜色$(':submit ').css(“”背景，' # C6E2ff ')；/script脚本类型=' text/JavaScript '//匹配所有投入元素中的图像类型的元素，修改背景颜色$(':image ').css(“”背景，' # F4a 460 ')；/script脚本类型=' text/JavaScript '//匹配所有投入元素中类型为按钮的元素$(':button ').css(“”背景','红色');/script脚本类型=' text/JavaScript '//匹配所有投入元素中类型为文件的元素$(':file ').css(“”背景，' # CD 1076 ')；/脚本/正文/html

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。