快捷導(dǎo)航

jQuery過(guò)濾選擇器經(jīng)典應(yīng)用

更新時(shí)間：2016年08月18日 10:24:12 作者：chen12370

這篇文章主要為大家詳細(xì)介紹了jQuery過(guò)濾選擇器經(jīng)典應(yīng)用，具有一定的實(shí)用性，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了經(jīng)典的jQuery過(guò)濾選擇器應(yīng)用，供大家參考，具體內(nèi)容如下

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>過(guò)濾選擇器</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">點(diǎn)擊按鈕，我會(huì)被隱藏哦~</p>
<p id="txt_show">隱藏的我，被顯示了，嘿嘿^^</p>
<input name="show" type="button" value="點(diǎn)擊顯示文字" />
<input name="hide" type="button" value="點(diǎn)擊隱藏文字" />
 
</body>
</html>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

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