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中:checked选择器用法实例
本文实例讲述了jQuery中:checked选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有选中的复选框或单选按钮. 语法结构: 复制代码 代码如下: $(":checked") 此选择器可以和其他选择器配合使用,比如[类选择器.元素选择器等等. 复制代码 代码如下: $(".myradio:checked").hide(); 以上代码能够将类名为myradio,并且被选中的复选框或者单选框隐藏. 实例代码: 复制代码 代码如下: <!D
-
jQuery中:image选择器用法实例
本文实例讲述了jQuery中:image选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取类型为image的<input>元素. 千万不要弄成<img>标签. 语法结构: 复制代码 代码如下: $(":image") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta na
-
jquery选择器需要注意的问题
我们先来看段代码,很简单,如下 复制代码 代码如下: <div id="div1"> <span>111</span> <span>222</span> <span>333</span> <button id="button1">clear</button> </div> 复制代码 代码如下: $(function(
-
jQuery中:disabled选择器用法实例
本文实例讲述了jQuery中:disabled选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有禁用的表单元素. 语法结构: 复制代码 代码如下: $(":disabled") 此选择器一般也要和其他选择器配合使用,比如类选择器.元素选择器等等. 复制代码 代码如下: $("input:disabled").css("background-color","red"); 以上代码能够将不可用的input元素的
-
jQuery中:selected选择器用法实例
本文实例讲述了jQuery中:selected选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够匹配被选择的<option>元素. 语法结构: 复制代码 代码如下: $(":selected") 此选择器可以和其他选择器配合使用,比如类选择器.元素选择器等等.例如: 复制代码 代码如下: $(".myselect :selected").css("color","red") 以上代码能够将类名为myse
-
jQuery中:reset选择器用法实例
本文实例讲述了jQuery中:reset选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有重置按钮. 语法结构: 复制代码 代码如下: $(":reset") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt
-
jQuery中:button选择器用法实例
本文实例讲述了jQuery中:button选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有按钮. 语法结构: 复制代码 代码如下: $(":button") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt
-
jQuery中:enabled选择器用法实例
本文实例讲述了jQuery中:enabled选择器用法.分享给大家供大家参考.具体分析如下: 此选择器可以选取所有可用的元素. 语法结构: 复制代码 代码如下: $(":enabled") 此选择器一般也要和其他选择器配合使用,比如类选择器.元素选择器等等.例如: 复制代码 代码如下: $("input:enabled").css("background-color","red") 以上代码能够将可用的input元素的背景颜色
-
jQuery中:radio选择器用法实例
本文实例讲述了jQuery中:radio选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有单选按钮. 语法结构: 复制代码 代码如下: $(":radio") 实例代码: 复制代码 代码如下: <!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中:checkbox选择器用法实例
本文实例讲述了jQuery中:checkbox选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够匹配所有复选框. 语法结构: 复制代码 代码如下: $(":checkbox") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=&quo
随机推荐
- jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
- linux Shell学习笔记最后一节,温故与知新
- 浅析javascript 定时器
- JS去掉字符串前后空格、阻止表单提交的实现代码
- DOS下常用的相关网络命令总结
- asp.net 数据库连接池浅析
- 在asp.net(C#)中采用自定义标签和XML、XSL显示数据
- PHP开发工具ZendStudio下Xdebug工具使用说明详解
- php FLEA中二叉树数组的遍历输出
- php购物网站支付paypal使用方法
- C#中FormsAuthentication用法实例
- 修改mysql5.5默认编码(图文步骤修改为utf-8编码)
- jQuery中isFunction方法的BUG修复
- python 根据pid杀死相应进程的方法
- 有关mysql优化的一些东东整理
- JavaScript实现256色转灰度图
- Linux 自动分区、格式化、挂载脚本详解
- Android读取本地json文件的方法(解决显示乱码问题)
- Android创建Alert框的方法
- 浅谈Java多线程的优点及代码示例