jQuery過濾選擇器經(jīng)典應(yīng)用
更新時(shí)間：2016年08月18日 10:24:12 作者：chen12370
這篇文章主要為大家詳細(xì)介紹了jQuery過濾選擇器經(jīng)典應(yīng)用，具有一定的實(shí)用性，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了經(jīng)典的jQuery過濾選擇器應(yīng)用，供大家參考，具體內(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">點(diǎn)擊按鈕，我會被隱藏哦~</p>
<p id="txt_show">隱藏的我，被顯示了，嘿嘿^^</p>
<input name="show" type="button" value="點(diǎn)擊顯示文字" />
<input name="hide" type="button" value="點(diǎn)擊隱藏文字" />
</body>
</html>
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
當(dāng)鼠標(biāo)停留在表頭邊框線上，接著拖動鼠標(biāo)，會在表格中出現(xiàn)一條隨鼠標(biāo)移動的豎線，最后放開鼠標(biāo)，表格列寬會被調(diào)整2014-09-09
jquery得到font-size屬性值實(shí)現(xiàn)代碼
font-size屬性想必大家并不陌生吧，此屬性控制字體的大小，在本文將為大家介紹下如何使用jquery獲取font-size屬性值，感興趣的朋友可以參考下2013-09-09
JQuery勾選指定name的復(fù)選框集合并顯示的方法
這篇文章主要介紹了JQuery勾選指定name的復(fù)選框集合并顯示的方法,涉及jQuery表單元素操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-05-05
tab切換，是一個(gè)很常見的效果，今天在項(xiàng)目中遇到這樣一個(gè)問題。就是切換后，頁面刷新，又重新定位到第一個(gè)上了，很是郁悶2012-05-05
jQuery 的選擇器可謂之強(qiáng)大無比，本文給大家總結(jié)下jQuery選擇器之常用元素查找方法，非常不錯(cuò)，感興趣的朋友一起學(xué)習(xí)吧2016-08-08
傳參的時(shí)候遇到Get中文亂碼，IE瀏覽器Get中文亂碼問題，該怎么解決呢？下面為大家詳細(xì)介紹下具體的解決方案2013-12-12
jquery實(shí)現(xiàn)圖片跟隨鼠標(biāo)的實(shí)例
這篇文章主要介紹了 jquery實(shí)現(xiàn)圖片跟隨鼠標(biāo)的實(shí)例的相關(guān)資料,希望通過本文能幫助到大家實(shí)現(xiàn)這樣的功能，需要的朋友可以參考下2017-10-10
jquery實(shí)現(xiàn)彈出層遮罩效果的簡單實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)彈出層遮罩效果的簡單實(shí)例。需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
本篇文章主要是對jquery中l(wèi)ive()重復(fù)綁定的解決方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
js(jQuery)獲取時(shí)間的方法及常用時(shí)間類搜集
獲取時(shí)間的方法及常用時(shí)間類都是大家經(jīng)常使用的，在本文為大家整理了一些，個(gè)人感覺還比較全，感興趣的朋友可以收集下2013-10-10