jQuery中:submit选择器用法实例
本文实例讲述了jQuery中:submit选择器用法。分享给大家供大家参考。具体分析如下:
此选择器能够选取所有提交按钮。
并不是只有type为submit才能够选取,button按钮也被选取了。
$(":submit")
实例代码:
<!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(){
$(":submit").css("background-color","red");
});
});
</script>
</head>
<body>
<ul>
<li>
不可用文本框:<input type="text" name="zhuanqu" disabled="disabled" />
可用的文本框:<input type="text" name="keyong" />
<input type="submit" value="提交" />
</li>
</ul>
<button>点击查看效果</button>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关推荐
-
jQuery中:button选择器用法实例
本文实例讲述了jQuery中:button选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有按钮. 语法结构: 复制代码 代码如下: $(":button") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt
-
jQuery中:reset选择器用法实例
本文实例讲述了jQuery中:reset选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有重置按钮. 语法结构: 复制代码 代码如下: $(":reset") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt
-
jQuery中:disabled选择器用法实例
本文实例讲述了jQuery中:disabled选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有禁用的表单元素. 语法结构: 复制代码 代码如下: $(":disabled") 此选择器一般也要和其他选择器配合使用,比如类选择器.元素选择器等等. 复制代码 代码如下: $("input:disabled").css("background-color","red"); 以上代码能够将不可用的input元素的
-
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中:image选择器用法实例
本文实例讲述了jQuery中:image选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取类型为image的<input>元素. 千万不要弄成<img>标签. 语法结构: 复制代码 代码如下: $(":image") 实例代码: 复制代码 代码如下: <!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中:radio选择器用法实例
本文实例讲述了jQuery中:radio选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有单选按钮. 语法结构: 复制代码 代码如下: $(":radio") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt
-
jQuery中:checked选择器用法实例
本文实例讲述了jQuery中:checked选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有选中的复选框或单选按钮. 语法结构: 复制代码 代码如下: $(":checked") 此选择器可以和其他选择器配合使用,比如[类选择器.元素选择器等等. 复制代码 代码如下: $(".myradio:checked").hide(); 以上代码能够将类名为myradio,并且被选中的复选框或者单选框隐藏. 实例代码: 复制代码 代码如下: <!D
-
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
随机推荐
- UserAccessList 集合的功能(VBA)
- 批处理入门手册之批处理常用DOS命令篇(find findstr)
- win2003 Server配置SQL Server 2005远程连接的方法
- asp.net 数据库的连接和datatable类
- asp.net后台如何输出js脚本使用什么方法可以实现
- 微信公众平台支付开发详解
- 用SQL批量插入数据的存储过程
- TSYS 新闻列表JS调用下载
- CString,字符串,整数等相互转换方法(推荐)
- Windows平台的 PHP 报错 Fatal error: Class COM not found in 的解决方法
- C语言模拟实现atoi函数的实例详解
- JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
- jQuery使用$获取对象后检查该对象是否存在的实现方法
- js实现仿阿里巴巴城市选择框效果实例
- 浅谈C#中简单的异常引发与处理操作
- SpringBoot配置Email发送功能实例
- PHP动态图像的创建
- php函数连续调用实例分析
- Python matplotlib画图实例之绘制拥有彩条的图表
- 浅析Vue实例以及生命周期