jQuery中:button选择器用法实例


Posted in Javascript onJanuary 04, 2015

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

此选择器能够选取所有按钮。

语法结构:

$(":button")

实例代码:

<!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(){ 

    $(":button").hide(); 

  }); 

}); 

</script> 

</head> 

<body> 

<ul> 

  <li><input type="button" value="我是按钮" /></li> 

  <li><input type="text" />文本框</li> 

</ul> 

<button>点击查看效果</button> 

</body> 

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
Jquery ajax传递复杂参数给WebService的实现代码
Aug 08 Javascript
jQuery EasyUI API 中文文档 DateTimeBox日期时间框
Oct 16 Javascript
PHP PDO操作总结
Nov 17 Javascript
JavaScript制作简易计算器(不用eval)
Feb 05 Javascript
js中json对象和字符串的理解及相互转化操作实现方法
Sep 22 Javascript
Vue实现点击后文字变色切换方法
Feb 11 Javascript
Vue实现一个无限加载列表功能
Nov 13 Javascript
JS如何实现网站中PC端和手机端自动识别并跳转对应的代码
Jan 08 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
Jun 04 Javascript
vue下拉刷新组件的开发及slot的使用详解
Dec 23 Vue.js
微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
Dec 29 Javascript
Vue 实现可视化拖拽页面编辑器
Feb 01 Vue.js
原生javascript实现隔行换色
Jan 04 #Javascript
jQuery中:reset选择器用法实例
Jan 04 #Javascript
浅谈 javascript 事件处理
Jan 04 #Javascript
jquery实现可拖拽弹出层特效
Jan 04 #Javascript
jQuery中:image选择器用法实例
Jan 03 #Javascript
jQuery中:submit选择器用法实例
Jan 03 #Javascript
jQuery中:checkbox选择器用法实例
Jan 03 #Javascript
You might like
PHP下使用CURL方式POST数据至API接口的代码
2013/02/14 PHP
php代码检查代理ip的有效性
2016/08/19 PHP
让iframe框架网页在任何浏览器下自动伸缩
2006/08/18 Javascript
浅谈Javascript鼠标和滚轮事件
2012/06/27 Javascript
自定义右键属性覆盖浏览器默认右键行为实现代码
2013/02/02 Javascript
jQuery实现动画效果的实例代码
2013/05/07 Javascript
使用jquery修改表单的提交地址基本思路
2014/06/04 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
2016/07/07 Javascript
nodejs处理图片的中间件node-images详解
2017/05/08 NodeJs
vue跨域解决方法
2017/10/15 Javascript
原生js封装添加class,删除class的实例
2017/11/06 Javascript
微信小程序排坑指南详解
2018/05/23 Javascript
jQuery实现checkbox全选功能完整实例
2018/07/12 jQuery
使用webpack搭建vue项目实现脚手架功能
2019/03/15 Javascript
如何利用vue+vue-router+elementUI实现简易通讯录
2019/05/13 Javascript
简单了解JavaScript中常见的反模式
2019/06/21 Javascript
微信小程序webview与h5通过postMessage实现实时通讯的实现
2019/08/20 Javascript
windows下create-react-app 升级至3.3.1版本踩坑记
2020/02/17 Javascript
浅谈JavaScript中的“!!”作用
2020/08/03 Javascript
[02:31]《DAC最前线》之选手酒店现场花絮
2015/01/30 DOTA
[03:06]3分钟带你回顾DOTA2完美盛典&完美大师赛
2017/12/06 DOTA
简单谈谈python中的Queue与多进程
2016/08/25 Python
pandas数据预处理之dataframe的groupby操作方法
2018/04/13 Python
Python内置加密模块用法解析
2019/11/25 Python
python 实现rolling和apply函数的向下取值操作
2020/06/08 Python
HTML5头部标签的一些常用信息小结
2016/10/23 HTML / CSS
俄罗斯和世界各地的酒店预订:Hotels.com俄罗斯
2016/08/19 全球购物
简历中的自我评价范文
2014/02/05 职场文书
不错的求职信范文
2014/07/20 职场文书
四风问题查摆材料
2014/08/25 职场文书
党员组织生活会发言材料
2014/10/17 职场文书
中小学生学籍证明
2014/10/25 职场文书
鸦片战争观后感
2015/06/09 职场文书
获奖感言怎么写
2015/07/31 职场文书
交通安全主题班会
2015/08/12 职场文书
Python趣味爬虫之用Python实现智慧校园一键评教
2021/05/28 Python