jQuery中:submit选择器用法实例


Posted in Javascript onJanuary 03, 2015

本文实例讲述了jQuery中:submit选择器用法。分享给大家供大家参考。具体分析如下:

此选择器能够选取所有提交按钮。
并不是只有type为submit才能够选取,button按钮也被选取了。

语法结构:

$(":submit")

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" /> 

<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程序设计有所帮助。

Javascript 相关文章推荐
$()JS小技巧
Jul 21 Javascript
jQuery find和children方法使用
Jan 31 Javascript
js防止表单重复提交的两种方法
Sep 30 Javascript
js+HTML5基于过滤器从摄像头中捕获视频的方法
Jun 16 Javascript
JS实现图片剪裁并预览效果
Aug 12 Javascript
JS动态遍历json中所有键值对的方法(不知道属性名的情况)
Dec 28 Javascript
canvas绘制一个常用的emoji表情
Mar 30 Javascript
vue中如何使用ztree
Feb 06 Javascript
angular4 共享服务在多个组件中数据通信的示例
Mar 30 Javascript
基于vue写一个全局Message组件的实现
Aug 15 Javascript
element中table高度自适应的实现
Oct 21 Javascript
js实现电灯开关效果
Jan 19 Javascript
jQuery中:checkbox选择器用法实例
Jan 03 #Javascript
jQuery中:radio选择器用法实例
Jan 03 #Javascript
jQuery中:password选择器用法实例
Jan 03 #Javascript
jQuery中:text选择器用法实例
Jan 03 #Javascript
JS打开新窗口防止被浏览器阻止的方法
Jan 03 #Javascript
jQuery中:input选择器用法实例
Jan 03 #Javascript
jQuery中:only-child选择器用法实例
Jan 03 #Javascript
You might like
UTF-8正则表达式如何匹配汉字
2015/08/03 PHP
PHP使用PDO操作数据库的乱码问题解决方法
2016/04/08 PHP
laravel实现查询最后执行的一条sql语句的方法
2019/10/09 PHP
常见的原始JS选择器使用方法总结
2014/04/09 Javascript
jQuery实现的简单提示信息插件
2015/12/08 Javascript
基于Javascript实现二级联动菜单效果
2016/03/04 Javascript
jQuery实现的倒计时效果实例小结
2016/04/16 Javascript
jQuery 3.0十大新特性最终版发布
2016/07/14 Javascript
jQuery 生成svg矢量二维码
2016/08/09 Javascript
javascript中的面向对象
2017/03/30 Javascript
3分钟快速搭建nodejs本地服务器方法运行测试html/js
2017/04/01 NodeJs
详解Node.js串行化流程控制
2017/05/04 Javascript
angular select 默认值设置方法
2017/06/23 Javascript
关于jquery form表单序列化的注意事项详解
2017/08/01 jQuery
AngularJs ng-change事件/指令的用法小结
2017/11/01 Javascript
Vue实现内部组件轮播切换效果的示例代码
2018/04/07 Javascript
微信小程序之多列表的显示和隐藏功能【附源码】
2018/08/06 Javascript
通过cordova将vue项目打包为webapp的方法
2019/02/02 Javascript
vue实现购物车抛物线小球动画效果的方法详解
2019/02/13 Javascript
实现elementUI表单的全局验证的方法步骤
2019/04/29 Javascript
基于Fixed定位的框选功能的实现代码
2019/05/13 Javascript
你准备好迎接vue3.0了吗
2020/04/28 Javascript
openlayers4实现点动态扩散
2020/08/17 Javascript
[01:14]辉夜杯战队访谈宣传片—NEWBEE.Y
2015/12/26 DOTA
Python fileinput模块使用实例
2015/05/28 Python
Python中的枚举类型示例介绍
2019/01/09 Python
PyQt QCombobox设置行高的方法
2019/06/20 Python
python实现两张图片拼接为一张图片并保存
2019/07/16 Python
python实现打砖块游戏
2020/02/25 Python
django 装饰器 检测登录状态操作
2020/07/02 Python
Python3基于plotly模块保存图片表格
2020/08/03 Python
成人高等教育毕业生自我鉴定
2013/10/22 职场文书
大学生优秀的自我评价分享
2013/10/22 职场文书
园艺师求职信
2014/04/27 职场文书
建议书格式
2015/02/04 职场文书
工作态度检讨书范文
2015/05/06 职场文书