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 相关文章推荐
JavaScript中的Document文档对象
Jan 16 Javascript
Javascript 汉字字节判断
Aug 01 Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
Aug 07 Javascript
如何学习Javascript入门指导
Nov 01 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
Dec 08 Javascript
微信小程序开发之相册选择和拍照详解及实例代码
Feb 22 Javascript
vue中SPA单页面应用程序详解
Nov 07 Javascript
Vue中this.$router.push参数获取方法
Feb 27 Javascript
Vue.js数字输入框组件使用方法详解
Oct 19 Javascript
原生js实现的金山打字小游戏(实例代码详解)
Mar 16 Javascript
jQuery实现鼠标滑动切换图片
May 27 jQuery
原生JavaScript实现轮播图
Jan 10 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
一个多文件上传的例子(原创)
2006/10/09 PHP
php简单封装了一些常用JS操作
2007/02/25 PHP
PHP 只允许指定IP访问(允许*号通配符过滤IP)
2014/07/08 PHP
yii2.0实现创建简单widgets示例
2016/07/18 PHP
PHP开发中csrf攻击的简单演示和防范
2017/05/07 PHP
PHP PDOStatement::getColumnMeta讲解
2019/02/01 PHP
键盘控制事件应用教程大全
2006/11/24 Javascript
地址栏上的一段语句,改变页面的风格。(教程)
2008/04/02 Javascript
SOSO地图API使用(一)在地图上画圆实现思路与代码
2013/01/15 Javascript
Javascript加载速度慢的解决方案
2014/03/11 Javascript
Js实现无刷新删除内容
2015/04/29 Javascript
jQuery实现的多屏图像图层切换效果实例
2015/05/07 Javascript
javascript动态生成树形菜单的方法
2015/11/14 Javascript
Jquery揭秘系列:ajax原生js实现详解(推荐)
2016/06/08 Javascript
JS实现物体带缓冲的间歇运动效果示例
2016/12/22 Javascript
jQuery编写textarea输入字数限制代码
2017/03/23 jQuery
jquery+css实现侧边导航栏效果
2017/06/12 jQuery
详解使用webpack打包编写一个vue-toast插件
2017/11/08 Javascript
解读ES6中class关键字
2017/11/20 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
2017/12/07 Javascript
在Vant的基础上封装下拉日期控件的代码示例
2018/12/05 Javascript
js实现简易拖拽的示例
2020/10/26 Javascript
菜鸟使用python实现正则检测密码合法性
2016/01/05 Python
python通过pip更新所有已安装的包实现方法
2017/05/19 Python
Python实现调度算法代码详解
2017/12/01 Python
numpy数组广播的机制
2019/07/12 Python
python之PyQt按钮右键菜单功能的实现代码
2019/08/17 Python
基于Django OneToOneField和ForeignKey的区别详解
2020/03/30 Python
python实现五子棋程序
2020/04/24 Python
Kears 使用:通过回调函数保存最佳准确率下的模型操作
2020/06/17 Python
印尼美容产品购物网站:PerfectBeauty.id
2017/12/01 全球购物
解除劳动合同协议书范本
2014/04/14 职场文书
竞聘演讲稿
2014/04/24 职场文书
表扬通报怎么写
2015/01/16 职场文书
如何使用pdb进行Python调试
2021/06/30 Python
python turtle绘图命令及案例
2021/11/23 Python