关于jQuery，$(":button") 中的冒号是啥意思？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于jQuery，$(":button") 中的冒号是啥意思？相关的知识，希望对你有一定的参考价值。
最近在学jQuery，不知道$(":button") 中的button前的冒号是什么意思？
我知道$("div.container")中的'.'号表示class， $("div #msg")中的'#'表示id， 那么$(":button") 中的'：'表示什么呢？
我想问的是$(":button") 和 $("input:checked") 中的'：'是什么含义？ 什么时候要加'：'冒号呢？
如： $("div.container")中的'.'号表示class， $("div #msg")中的'#'表示id。那么$(":button") 中的'：'表示什么？
$("input:checked")表示匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)。
$("div.container")中的'.'号表示class， $("div #msg")中的'#'表示id。那么$(":button") 中的'：'表示类型(type),如$(":button") 表示类型为button的控件，$("input:checked")表示所有类型为选中的复选框元素。 参考技术A :在css中代表伪选择符，但是在jQuery里（因为jQuery里的选择器很多地方都使用css中的表示方法），这里就是固定用法，还有如下表单控件：具体的你搜一下就有很多说明。
:input
:text
:password
:radio
:checkbox
:submit
:image
:reset
:button
:file
:hidden
基本
:first
:last
:not
:even
:odd
:eq
:gt
:lt
:header
:animated
内容
:contains
:empty
:has
:parent
可见性
:hidden
:visible本回答被提问者采纳 参考技术B :button 表示选择任何按钮 (input[type=submit],input[type=reset],input[type=button]或button
:checked 表示选择已选中的复选框或单选按钮
在此:表示jQuery自定义选择器,比如还有:file :selected等等, 有问题可以hi我 参考技术C jQuery的过滤选择器
利用jQuery实现全选全不选反选(button)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="jquery-1.8.3.js"></script>
</head>
<body>
<button>全选</button>
<button>全不选</button>
<button>反选</button>
<hr>
<div id="main">
<input type="checkBox">篮球
<br>
<input type="checkBox">羽毛球
<br>
<input type="checkBox">乒乓球
<br>
<input type="checkBox">足球
<br>
<input type="checkBox">橄榄球
<br>
<input type="checkBox">棒球
</div>
</body>
<script type="text/javascript">
// 全选
$(‘button‘).eq(0).click(function(){
$(‘input‘).attr(‘checked‘,true);
});
// 全不选
$(‘button‘).eq(1).click(function(){
$(‘input‘).attr(‘checked‘,false);
});
// 反选
$(‘button‘).eq(2).click(function(){
$(‘input‘).each(function(){
this.checked=!this.checked;
});
});
</script>
</html>
以上是关于关于jQuery，$(":button") 中的冒号是啥意思？的主要内容，如果未能解决你的问题，请参考以下文章
用jquery如何点击button按钮调用后台方法查询数据返回到弹出框内