四川成都营销型网站,dedecms做网站全教程,php原生态开发公司网站,推广软文代发无论是提交还是传递数据#xff0c;表单元素在动态交互页面的作用是非常重要的。jQuery中专门加入了表单选择器#xff0c;从而能够极其方便地获取到某个类型的表单元素。
表单选择器的具体方法描述#xff1a;
注意#xff1a;
除了input筛选选择器#xff0c;几乎每…无论是提交还是传递数据表单元素在动态交互页面的作用是非常重要的。jQuery中专门加入了表单选择器从而能够极其方便地获取到某个类型的表单元素。
表单选择器的具体方法描述
注意
除了input筛选选择器几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如: $(:password) $([typepassword]);代码示例
!DOCTYPE html
html
headmeta http-equivContent-type contenttext/html; charsetutf-8 /title子元素筛选选择器/titlestyle input{display: block;margin: 10px;padding:10px;}/stylescript srchttp://libs.baidu.com/jquery/1.9.1/jquery.js/script
/headbodyh2子元素筛选选择器/h2h3input、text、password、radio、checkbox/h3h3submit、image、reset、button、file/h3div classleft first-divforminput typetext valuetext类型/input typepassword valuepassword/input typeradio/ input typecheckbox/input typesubmit /input typeimage /input typereset /input typebutton valueButton /input typefile //form/divscript typetext/javascript//查找所有 input, textarea, select 和 button 元素//:input 选择器基本上选择所有表单控件$(:input).css(border, 1px groove red); /scriptscript typetext/javascript//匹配所有input元素中类型为text的input元素$(input:text).css(background, #A2CD5A);/scriptscript typetext/javascript//匹配所有input元素中类型为password的input元素$(input:password).css(background, yellow);/scriptscript typetext/javascript//匹配所有input元素中的单选按钮,并选中$(input:radio).attr(checked,true);/scriptscript typetext/javascript//匹配所有input元素中的复选按钮,并选中$(input:checkbox).attr(checked,true); /scriptscript typetext/javascript//匹配所有input元素中的提交的按钮,修改背景颜色$(input:submit).css(background, #C6E2FF);/scriptscript typetext/javascript//匹配所有input元素中的图像类型的元素,修改背景颜色$(input:image).css(background, #F4A460);/scriptscript typetext/javascript//匹配所有input元素中类型为按钮的元素$(input:button).css(background, red);/scriptscript typetext/javascript//匹配所有input元素中类型为file的元素$(input:file).css(background, #CD1076);/script/body
/html
