jQuery过滤选择器经典应用
更新时间：2016年08月18日 10:24:12 作者：chen12370
这篇文章主要为大家详细介绍了jQuery过滤选择器经典应用，具有一定的实用性，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了经典的jQuery过滤选择器应用，供大家参考，具体内容如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>过滤选择器</title>
<style type="text/css">
#txt_show {display:none; color:#00C;}
#txt_hide {display:block; color:#F30;}
</style>
<script src="js/jquery-1.8.3.js"></script>
<script language="JavaScript">
$(document).ready(function () {
$("[name=show]").click(function () {
$("p:hidden").show();
}) ;
$("[name=hide]").click(function () {
$("p:visible").hide() ;
});
});
</script>
</head>
<body>
<p id="txt_hide">点击按钮，我会被隐藏哦~</p>
<p id="txt_show">隐藏的我，被显示了，嘿嘿^^</p>
<input name="show" type="button" value="点击显示文字" />
<input name="hide" type="button" value="点击隐藏文字" />
</body>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了对于jQuery性能的一些优化建议,jQuery是当下人气最高的JavaScript库,需要的朋友可以参考下2015-08-08
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
dotNetFlexGrid是一款dotNet原生的异步表格控件，他的前身是Jquery FlexiGrid插件，我们重构了FlexiGrid的大部分Javascript代码，使其工作的更有效率，BUG更少；同时将其封装为dotNet控件，提供了简单易用的使用方式。2010-09-09
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
这篇文章主要介绍了jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-11-11
下面小编就为大家带来一篇Jquery ajax请求导出Excel表格的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList
这节我们还可以通过直接设置DropDownList属性来设置jQuery validation插件的校验规则和提示信息2012-02-02
jQuery插件ajaxfileupload.js实现上传文件
这篇文章主要为大家详细介绍了jQuery插件ajaxfileupload.js实现上传文件的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-05-05
这篇文章主要介绍了Jquery中基本选择器用法,以实例形式较为详细的分析了jQuery中常见选择器的使用方法,并备有较为详细的备注说明,需要的朋友可以参考下2015-05-05
由于在园子里还没发现这方面的文章，所以就来简单地介绍一下，本文只是简单的归纳介绍，不是完整的翻译，全文请参考原文2012-08-08
jQuery照片伸缩效果，不是单纯的图片放大缩小，不影响其他元素的布局,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了jQuery时间日期三级联动的实现代码，代码简答易懂，非常实用，需要的朋友参考下吧2016-11-11
最新评论