本文实例讲述了jQuery中:checkbox选择器用法。分享给大家供大家参考。具体分析如下:
此选择器能够匹配所有复选框。
语法结构:
复制代码 代码如下:
复制代码
$(":checkbox")
实例代码:
复制代码 代码如下:
复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.uoften.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(){
$(":checkbox").hide();
});
});
</script>
</head>
<body>
<ul>
<li><input type="checkbox" value="aihao" />复选框</li>
<li><input type="text" />文本框</li>
</ul>
<button>点击查看效果</button>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.uoften.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(){
$(":checkbox").hide();
});
});
</script>
</head>
<body>
<ul>
<li><input type="checkbox" value="aihao" />复选框</li>
<li><input type="text" />文本框</li>
</ul>
<button>点击查看效果</button>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
最后
以上就是稳重犀牛最近收集整理的关于jQuery中:checkbox选择器用法实例的全部内容,更多相关jQuery中内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复