jQuery過濾選擇器經(jīng)典應用
更新時間：2016年08月18日 10:24:12 作者：chen12370
這篇文章主要為大家詳細介紹了jQuery過濾選擇器經(jīng)典應用，具有一定的實用性，感興趣的小伙伴們可以參考一下
本文實例為大家分享了經(jīng)典的jQuery過濾選擇器應用，供大家參考，具體內(nèi)容如下
<!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>
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
jQuery實現(xiàn)ajax回調(diào)函數(shù)帶入?yún)?shù)的方法示例
這篇文章主要介紹了jQuery實現(xiàn)ajax回調(diào)函數(shù)帶入?yún)?shù)的方法,結合實例形式對比分析了jQuery實現(xiàn)ajax回調(diào)函數(shù)不帶入?yún)?shù)與帶入?yún)?shù)的具體實現(xiàn)技巧,需要的朋友可以參考下2018-06-06
這篇文章主要介紹了jQuery each和js forEach用法,結合實例形式對比分析了jQuery each和js forEach具體使用方法及相關操作注意事項,需要的朋友可以參考下2019-02-02
基于jQuery的彈出警告對話框美化插件(警告，確認和提示)
jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements)(翻譯)2010-06-06
jquery ajax雙擊div可直接修改div中的內(nèi)容
這篇文章主要介紹了jquery ajax雙擊div直接修改div中內(nèi)容的相關方法，感興趣的小伙伴們可以參考一下2016-03-03
jQuery插件HighCharts繪制簡單2D折線圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件HighCharts繪制簡單2D折線圖效果,結合完整實例形式分析了jQuery使用HighCharts插件繪制折線圖的實現(xiàn)步驟與相關操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了jQuery中after()方法用法,以實例形式較為詳細的分析了after()方法的功能、特性與使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了jQuery實現(xiàn)幻樹形下拉菜單特效，代碼簡單，非常具有實用價值，需要的朋友可以參考下2015-08-08
用jquery實現(xiàn)的textarea 高度自適應代碼。這個動畫效果比較流暢。適合新手學習。非常簡單實用，這里推薦給小伙伴們。2015-03-03
想必大家對jquery $.each()并不陌生吧，使用它可以進行元素的遍歷，下面有個不錯的示例，感興趣的朋友可以參考下2013-09-09
在項目中遇到一個問題，本來以為是使用dropdownlist的效果的，仔細一看，其實是在點擊文本框以后，在其正下方彈出一個層，里邊有多個選項進行選擇。很像jQuery.datepicker 的效果。2009-10-10