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得到font-size屬性值實現(xiàn)代碼
font-size屬性想必大家并不陌生吧,此屬性控制字體的大小,在本文將為大家介紹下如何使用jquery獲取font-size屬性值,感興趣的朋友可以參考下2013-09-09