jQuery之表单域选择器
来源:互联网 发布:苍穹软件安装教程 编辑:程序博客网 时间:2024/05/13 20:12
表单域是指网页中的input,textarea, select和button元素。
1::input选择器
$(":input")
2::text选择器
$(":text")
3::password选择器
$(":password")
4::radio选择器
$(":radio")
5::checkbox选择器
$(":checkbox")
6::file选择器
$(":file")
7::image选择器
$(":image")
8::hidden选择器
$(":hidden"):用于选择所有不可见元素(css display 属性值为none)以及隐藏域(<input type="hidden">)
9::submit选择器
$(":submit")
10::reset选择器
$(":reset")
简单实例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>表单域选择器</title><script type="text/javascript" src="jquery-1.7.min.js"></script><script type="text/javascript"> $(document).ready(function(){ $(":text").attr("value", "文本框");$(":password").attr("value", "密码框");$(":radio:eq(0)").attr("checked", "true");$(":checkbox").attr("checked", "true");$(":image").attr("src", "ICO.ICO");$(":file").css("width", "200px");$(":hidden").attr("value", "已保存的值");$("select").css("background", "#FCF"); //注意没有冒号$(":submit").attr("id", "btn1");$(":reset").attr("name", "btn");$("textarea").attr("value", "文本域"); //注意没有冒号 });</script></head><body> <table width="730" height="145" border="1"> <tr> <td width="113" height="23">文本框</td> <td width="209"><input type="text"/></td> <td width="93">密码框</td> <td width="287"><input type="password" /></td> </tr> <tr> <td height="24">单选按钮</td> <td><input type="radio" /><input type="radio" /></td> <td>复选框</td> <td><input type="checkbox" /><input type="checkbox" /></td> </tr> <tr> <td height="36">图像</td> <td><input type="image" /></td> <td>文件域</td> <td><input type="file" /></td> </tr> <tr> <td height="23">隐藏域</td> <td><input type="hidden" />(不可见)</td> <td>下拉列表</td> <td><select><option>选项一</option><option>选项二</option><option>选项三</option></select></td> </tr> <tr> <td height="25">提交按钮</td> <td><input type="submit" /></td> <td>重置按钮</td> <td><input type="reset" /></td> </tr> <tr> <td valign="top">文本区域:</td> <td colspan="3"><textarea cols="70" rows="3"></textarea></td> </tr></table></body></html>
效果图:
- jQuery之表单域选择器
- jQuery选择器之表单选择器
- jQuery之表单域选择器学习笔记
- jQuery学习之内容过滤选择器、表单域选中选择器
- jQuery选择器之表单元素选择器
- jQuery选择器之表单元素选择器
- jQuery选择器之表单元素选择器
- 详解强大的jQuery选择器之过滤选择器、表单选择器
- jQuery选择器 表单选择器
- jQuery学习笔记之七-----表单选择器
- jQuery基础教程之强大的选择器(表单选择器)
- jQuery基础教程之强大的选择器(表单选择器)
- jQuery基础教程之强大的选择器(表单选择器)
- jQuery选择器之表单对象属性筛选选择器
- jQuery选择器—表单选择器
- jQuery选择器-表单选择器示例
- 5.jquery选择器 表单选择器
- JQuery选择器(四)表单选择器
- 代码编辑神器VIM(附我写acm程序时的配置)
- class的访问权限+单例模式
- 素数判定--米勒测试
- 10个免费在线网站测速工具
- 《算法导论》第11章 散列表 (2)散列表
- jQuery之表单域选择器
- boost库命名规则的优点
- 软件开发过程模型杂谈
- poj1401(N!末尾0的末尾0的个数)
- Source Insight使用教程
- 一位老码农的编程简史
- 嘿嘿 大家试试这个
- Java关键字: protected
- OpenCV数字图像处理四:直方图均衡化 数组示例