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 相关文章推荐
防止网站内容被拷贝的一些方法与优缺点好处与坏处分析
Nov 30 Javascript
jQuery 第二课 操作包装集元素代码
Mar 14 Javascript
ModelDialog JavaScript模态对话框类代码
Apr 17 Javascript
解决JQeury显示内容没有边距内容紧挨着浏览器边线
Dec 20 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
Jun 15 Javascript
javascript类型系统 Window对象学习笔记
Jan 07 Javascript
微信js-sdk地理位置接口用法示例
Oct 12 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
Mar 08 Javascript
JS+html5制作简单音乐播放器
Sep 13 Javascript
Angular4实现动态添加删除表单输入框功能
Aug 11 Javascript
vue.js项目打包上线的图文教程
Nov 16 Javascript
微信小程序使用canvas自适应屏幕画海报并保存图片功能
Jul 25 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
PHP:风雨欲来 路在何方?
2006/10/09 PHP
mac环境中使用brew安装php5.5.15
2014/08/18 PHP
PHP网站建设的流程与步骤分享
2015/09/25 PHP
php结合md5实现的加密解密方法
2016/01/25 PHP
php arsort 数组降序排序详细介绍
2016/11/17 PHP
PHP实现图片防盗链破解操作示例【解决图片防盗链问题/反向代理】
2020/05/29 PHP
ExtJS4 组件化编程,动态加载,面向对象,Direct
2011/05/12 Javascript
js实现在网页上简单显示时间的方法
2015/03/02 Javascript
JavaScript多线程详解
2015/08/12 Javascript
基于jQuery实现简单的折叠菜单效果
2015/11/23 Javascript
JS中setTimeout的巧妙用法前端函数节流
2016/03/24 Javascript
js对象浅拷贝和深拷贝详解
2016/09/05 Javascript
Javascript Promise用法详解
2018/05/10 Javascript
原生JS实现的放大镜特效示例【测试可用】
2018/12/08 Javascript
windows如何把已安装的nodejs高版本降级为低版本(图文教程)
2020/12/14 NodeJs
python网络编程学习笔记(二):socket建立网络客户端
2014/06/09 Python
Python DataFrame设置/更改列表字段/元素类型的方法
2018/06/09 Python
python如何读取bin文件并下发串口
2019/07/05 Python
Django基础三之视图函数的使用方法
2019/07/18 Python
python GUI库图形界面开发之PyQt5线程类QThread详细使用方法
2020/02/26 Python
django实现模板中的字符串文字和自动转义
2020/03/31 Python
Pyecharts地图显示不完成问题解决方案
2020/05/11 Python
Python通过Schema实现数据验证方式
2020/11/12 Python
HTML5本地存储之Database Storage应用介绍
2013/01/06 HTML / CSS
Missguided美国官网:英国时尚品牌
2018/01/18 全球购物
英国绿色商店:Natural Collection
2019/05/03 全球购物
大学理论知识学习自我鉴定
2014/04/28 职场文书
婚纱店策划方案
2014/05/22 职场文书
健康状况证明模板
2014/10/23 职场文书
自主招生专家推荐信
2015/03/26 职场文书
高中班主任寄语
2019/06/21 职场文书
请假条应该怎么写?
2019/06/24 职场文书
2019年销售部季度工作计划3篇
2019/10/09 职场文书
Python实现拼音转换
2021/06/07 Python
Go并发4种方法简明讲解
2022/04/06 Golang
Nginx反向代理、重定向
2022/04/13 Servers