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í)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- jquery表單對(duì)象屬性過(guò)濾選擇器實(shí)例分析
- jQuery過(guò)濾選擇器用法示例
- jQuery基本過(guò)濾選擇器用法示例
- jQuery可見(jiàn)性過(guò)濾選擇器用法示例
- jQuery子元素過(guò)濾選擇器用法示例
- jQuery內(nèi)容過(guò)濾選擇器用法示例
- jquery選擇器之屬性過(guò)濾選擇器詳解
- jQuery過(guò)濾選擇器:not()方法使用介紹
- jquery選擇器之層級(jí)過(guò)濾選擇器詳解
- 使用jQuery內(nèi)容過(guò)濾選擇器選擇元素實(shí)例講解
- jquery子元素過(guò)濾選擇器使用示例
- jQuery表單對(duì)象屬性過(guò)濾選擇器實(shí)例詳解
相關(guān)文章
JQuery拖動(dòng)表頭邊框線(xiàn)調(diào)整表格列寬效果代碼
當(dāng)鼠標(biāo)停留在表頭邊框線(xiàn)上，接著拖動(dòng)鼠標(biāo)，會(huì)在表格中出現(xiàn)一條隨鼠標(biāo)移動(dòng)的豎線(xiàn)，最后放開(kāi)鼠標(biāo)，表格列寬會(huì)被調(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è)很常見(jiàn)的效果，今天在項(xiàng)目中遇到這樣一個(gè)問(wèn)題。就是切換后，頁(yè)面刷新，又重新定位到第一個(gè)上了，很是郁悶2012-05-05
jQuery 的選擇器可謂之強(qiáng)大無(wú)比，本文給大家總結(jié)下jQuery選擇器之常用元素查找方法，非常不錯(cuò)，感興趣的朋友一起學(xué)習(xí)吧2016-08-08
傳參的時(shí)候遇到Get中文亂碼，IE瀏覽器Get中文亂碼問(wèn)題，該怎么解決呢？下面為大家詳細(xì)介紹下具體的解決方案2013-12-12
jquery實(shí)現(xiàn)圖片跟隨鼠標(biāo)的實(shí)例
這篇文章主要介紹了 jquery實(shí)現(xiàn)圖片跟隨鼠標(biāo)的實(shí)例的相關(guān)資料,希望通過(guò)本文能幫助到大家實(shí)現(xiàn)這樣的功能，需要的朋友可以參考下2017-10-10
jquery實(shí)現(xiàn)彈出層遮罩效果的簡(jiǎn)單實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)彈出層遮罩效果的簡(jiǎn)單實(shí)例。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-03-03
本篇文章主要是對(duì)jquery中l(wèi)ive()重復(fù)綁定的解決方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
js(jQuery)獲取時(shí)間的方法及常用時(shí)間類(lèi)搜集
獲取時(shí)間的方法及常用時(shí)間類(lèi)都是大家經(jīng)常使用的，在本文為大家整理了一些，個(gè)人感覺(jué)還比較全，感興趣的朋友可以收集下2013-10-10