jQuery中:reset选择器用法实例
本文实例讲述了jQuery中:reset选择器用法。分享给大家供大家参考。具体分析如下:
此选择器能够选取所有重置按钮。
$(":reset")
实例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>我们</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$(":reset").css("background-color","red");
});
});
</script>
</head>
<body>
<ul>
<li>
密码框:<input type="password" name="mima" />
重置按钮:<input type="reset" value="重置" />
</li>
</ul>
<button>点击查看效果</button>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关推荐
-
jQuery中:disabled选择器用法实例
本文实例讲述了jQuery中:disabled选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有禁用的表单元素. 语法结构: 复制代码 代码如下: $(":disabled") 此选择器一般也要和其他选择器配合使用,比如类选择器.元素选择器等等. 复制代码 代码如下: $("input:disabled").css("background-color","red"); 以上代码能够将不可用的input元素的
-
jQuery中:radio选择器用法实例
本文实例讲述了jQuery中:radio选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有单选按钮. 语法结构: 复制代码 代码如下: $(":radio") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt
-
jQuery中:submit选择器用法实例
本文实例讲述了jQuery中:submit选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有提交按钮. 并不是只有type为submit才能够选取,button按钮也被选取了. 语法结构: 复制代码 代码如下: $(":submit") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta na
-
jQuery中:checkbox选择器用法实例
本文实例讲述了jQuery中:checkbox选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够匹配所有复选框. 语法结构: 复制代码 代码如下: $(":checkbox") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=&quo
-
jquery选择器需要注意的问题
我们先来看段代码,很简单,如下 复制代码 代码如下: <div id="div1"> <span>111</span> <span>222</span> <span>333</span> <button id="button1">clear</button> </div> 复制代码 代码如下: $(function(
-
jQuery中:selected选择器用法实例
本文实例讲述了jQuery中:selected选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够匹配被选择的<option>元素. 语法结构: 复制代码 代码如下: $(":selected") 此选择器可以和其他选择器配合使用,比如类选择器.元素选择器等等.例如: 复制代码 代码如下: $(".myselect :selected").css("color","red") 以上代码能够将类名为myse
-
jQuery中:image选择器用法实例
本文实例讲述了jQuery中:image选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取类型为image的<input>元素. 千万不要弄成<img>标签. 语法结构: 复制代码 代码如下: $(":image") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta na
-
jQuery中:button选择器用法实例
本文实例讲述了jQuery中:button选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有按钮. 语法结构: 复制代码 代码如下: $(":button") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt
-
jQuery中:file选择器用法实例
本文实例讲述了jQuery中:file选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取类型为file的<input>元素. 语法结构: 复制代码 代码如下: $(":file") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" co
-
jQuery中:enabled选择器用法实例
本文实例讲述了jQuery中:enabled选择器用法.分享给大家供大家参考.具体分析如下: 此选择器可以选取所有可用的元素. 语法结构: 复制代码 代码如下: $(":enabled") 此选择器一般也要和其他选择器配合使用,比如类选择器.元素选择器等等.例如: 复制代码 代码如下: $("input:enabled").css("background-color","red") 以上代码能够将可用的input元素的背景颜色
-
jQuery中:checked选择器用法实例
本文实例讲述了jQuery中:checked选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有选中的复选框或单选按钮. 语法结构: 复制代码 代码如下: $(":checked") 此选择器可以和其他选择器配合使用,比如[类选择器.元素选择器等等. 复制代码 代码如下: $(".myradio:checked").hide(); 以上代码能够将类名为myradio,并且被选中的复选框或者单选框隐藏. 实例代码: 复制代码 代码如下: <!D
随机推荐
- Oracle 数据显示 横表转纵表
- Android项目仿UC浏览器和360手机卫士消息常驻栏(通知栏)
- java求数组最大值和最小数示例分享
- iOS自定义控件开发梳理总结
- 浅谈Java自定义注解和运行时靠反射获取注解
- JavaScript控制图片加载完成后调用回调函数的方法
- 浅谈下拉菜单中的Option对象
- PHP COOKIE设置为浏览器进程
- PHP怎么实现网站保存快捷方式方便用户随时浏览
- php adodb分页实现代码
- php使用sql数据库 获取字段问题介绍
- python 查找字符串是否存在实例详解
- 空格或者空白字符导致$.ajax()报parseerror错误小结
- 让JSP页面过期, 保证每次JSP页面都是最新的.
- 惊现瑞星升级原理详解,其实早就有人破解了
- Android开发中模仿qq列表信息滑动删除功能
- 深入Sqlite多线程入库的问题
- 关于Tensorflow中的tf.train.batch函数的使用
- 深入理解docker容器中的uid和gid
- 微信小程序的mpvue框架快速上手指南