jQuery類選擇器用法實(shí)例
更新時(shí)間：2014年12月23日 17:19:05 投稿：shichen2014
這篇文章主要介紹了jQuery類選擇器用法,以一個(gè)隱藏div元素的實(shí)例分析了jQuery類選擇器的用法技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了jQuery類選擇器用法。分享給大家供大家參考。具體分析如下：
類選擇的器匹配具有指定類名的所有元素。
例子:
復(fù)制代碼 代碼如下:
$(".mydiv")
以上代碼選取類名為mydiv的所有元素。
注意:在mydiv前面有一點(diǎn)(.)。
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dhdzp.com/" />
<title>腳本之家</title>
<style type="text/css">
div{
height:150px;
width:150px;
background-color:green;
margin-top:10px;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$(".mydiv").hide();
})
})
</script>
</head>
<body>
<div class="mydiv"></div>
<div class="anotherdiv"></div>
<button>點(diǎn)擊隱藏div元素</button>
</body>
</html>
以上代碼可以將類名為mydiv的div元素隱藏。
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- JQuery 中幾個(gè)類選擇器的簡(jiǎn)單使用介紹
- 使用jquery選擇器如何獲取父級(jí)元素、同級(jí)元素、子元素
- jquery選擇器之屬性過(guò)濾選擇器詳解
- jquery 中多條件選擇器,相對(duì)選擇器,層次選擇器的區(qū)別
- jQuery Selector選擇器小結(jié)
- Jquery選擇器中使用變量實(shí)現(xiàn)動(dòng)態(tài)選擇例子
- JQuery中$之選擇器用法介紹
- Jquery顏色選擇器ColorPicker實(shí)現(xiàn)代碼
- jQuery過(guò)濾選擇器:not()方法使用介紹
- jquery 屬性選擇器（匹配具有指定屬性的元素）
- jquery選擇器大全 全面詳解jquery選擇器
- jQuery中的類名選擇器（.class）用法簡(jiǎn)單示例
相關(guān)文章
Jquery讓form表單異步提交代碼實(shí)現(xiàn)
這篇文章主要介紹了Jquery讓form表單異步提交代碼實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11
基于jQuery滑動(dòng)桿實(shí)現(xiàn)購(gòu)買日期選擇效果
這是一款基于jQuery的滑動(dòng)桿購(gòu)買日期選擇插件，它的外觀仿的是阿里云的服務(wù)器購(gòu)買日期選擇界面。這款jQuery插件非常適合在一些虛擬產(chǎn)品購(gòu)買頁(yè)面上使用，它可以幫助你的用戶快速選擇產(chǎn)品的購(gòu)買日期，感興趣的朋友跟著小編學(xué)習(xí)吧2015-09-09
Jquey拖拽控件Draggable使用方法(asp.net環(huán)境)
使用時(shí)首先依次引用Jquery，Jquery-Ui ，Draggable三個(gè)Js。然后在js中編寫相應(yīng)的代碼，相關(guān)代碼說(shuō)明請(qǐng)看程序中的注釋。2010-09-09
本篇文章主要對(duì)Jquery的事件操作和文檔操作進(jìn)行實(shí)例的分享，具有很好的參考價(jià)值，需要的朋友一起來(lái)看下吧2016-12-12
這篇文章主要介紹了JS與jQuery實(shí)現(xiàn)隔行變色的方法,結(jié)合實(shí)例形式對(duì)比分析了javascript與jQuery實(shí)現(xiàn)隔行變色的具體操作步驟與相關(guān)技巧,體驗(yàn)一下jQuery的華麗與簡(jiǎn)潔,需要的朋友可以參考下2016-09-09
強(qiáng)大的jquery插件jqeuryUI做網(wǎng)頁(yè)對(duì)話框效果！簡(jiǎn)單
大家都知道JQ是用JS幫我們封裝好的東西，我們就要用到它其中強(qiáng)大的地方，廢話就不說(shuō)了.....2011-04-04
bootstrap table sum總數(shù)量統(tǒng)計(jì)實(shí)現(xiàn)方法
這篇文章主要介紹了bootstrap table sum總數(shù)量統(tǒng)計(jì)實(shí)現(xiàn)方法,需要的朋友可以參考下2017-10-10
jquery獲取input type=text中的值的各種方式(總結(jié))
下面小編就為大家?guī)?lái)一篇jquery獲取input type=text中的值的各種方式(總結(jié))。小編覺(jué)的挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
這篇文章主要介紹了jQuery中append()方法用法,以實(shí)例形式較為詳細(xì)的分析了append()方法的功能、定義與使用技巧,并對(duì)比分析了與text()方法的區(qū)別,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細(xì)介紹了jQuery zTree樹插件的使用教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-08-08