jQuery過濾選擇器經(jīng)典應(yīng)用
本文實(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)文章
JQuery拖動(dòng)表頭邊框線調(diào)整表格列寬效果代碼
當(dāng)鼠標(biāo)停留在表頭邊框線上,接著拖動(dòng)鼠標(biāo),會在表格中出現(xiàn)一條隨鼠標(biāo)移動(dòng)的豎線,最后放開鼠標(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
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
js(jQuery)獲取時(shí)間的方法及常用時(shí)間類搜集
獲取時(shí)間的方法及常用時(shí)間類都是大家經(jīng)常使用的,在本文為大家整理了一些,個(gè)人感覺還比較全,感興趣的朋友可以收集下2013-10-10

