1. 程式人生 > >div帶有多個class元素怎麼取?

div帶有多個class元素怎麼取?

今天工作偶遇一個div 如下:<div class="aa bb">fdsafdsafdsafds</div>
,頁面要求這個div隱藏,第一時間想到用Jquery去做,沒有辦法,剛剛學習的東東都想試試身手,馬上寫出程式碼:

 

 

發現沒有執行,悲劇了,難道是沒有取到物件?添加個alert,看看到底有沒有取到div物件:

var $a = $("div.aa bb");

alert($a[0]);

果然不出所料,沒有得到物件。為什麼呢?

查詢幫助文件後發現,並沒有這種多元素方式的寫法,那麼到底怎麼解決呢?

思考片刻,覺得既然不行那我就換個思路,我過濾你可以吧?於是程式碼如下:$("div.aa").filter(".bb").hide();

但是這樣想確實是太麻煩了,想到 class也是div的屬性之一,用屬性解決肯定是可以,於是程式碼如下:

$("div[class='aa bb']").hide();

寫好之後,想想還是有點麻煩,沒有更簡單的方法?jquery的精髓是最少的程式碼做最多的事情,jquery的鏈式操作是他最吸引我的地方,那麼這裡能不能使用鏈式操作呢?片刻,實驗成功,程式碼如下:

$("div.aa.bb").hide();

哎,太簡單了,怎麼當時怎麼沒有想到呢?悲劇。

ps:此處只是說明class多元素如何去物件,關於讀者認為直接設定ID取值,本人不做解釋

相關推薦

div帶有class元素怎麼?

今天工作偶遇一個div 如下:<div class="aa bb">fdsafdsafdsafds</div>,頁面要求這個div隱藏,第一時間想到用Jquery去做,沒有辦法,剛剛學習的東東都想試試身手,馬上寫出程式碼:  $(function(){

JQuery 如何選擇帶有class元素

Q:  比如下面程式碼需要選擇同時帶有這幾個class的元素,怎麼寫? 1 <div class="modal fade in"></div> A:  1. 依次過濾 1 $(".modal.fade").filter("in")

如果divclass中display設定不一樣,哪個會起作用?絕對出乎你的意料

比如: <div class="hide html_css">some text</div> 其中: .html_css { display:inline-block; } .hide { display:none; }  結果發現,這個元素會顯示,一想也有道理,

xpath如何包含class屬性

xpath如何取包含多個class屬性 如果HTML結構是這樣 <div class="demo"></div> 那麼我知道可以寫xpath //div[@class="demo"],但是如果我的html是 <div 

一個div元素垂直居中的一種解決辦法

有多個元素需要垂直居中排列時,嘗試了很多方法,總結一下覺得用flex的佈局是最方便的。 目標實現: <div id="findclass" class="flexbox"> <div> </div>

Python爬蟲:在帶有屬性值的class選擇器中選擇其中一個值,實現標籤快速精準定位

在寫爬蟲時,定位標籤位置獲取想要的資料是匹配工作的重點。通過class或id選擇器的值(屬性值要求在網頁中是唯一的)可以很快的實現標籤的定位。 <span data-post-id="114214" class=" btn-bluet-bigger href-styl

jQuery 選擇同時包含兩class元素的實現方法

> 1. 交集選擇: $(".a.b") --選擇同時包含a和b的元素。 2. 並集選擇:$(".a, .b") --選擇包含a或者包含b的元素。 3.依次過濾 $(“.good”).filter(“.list”).filter(“.reyo”) 4.屬性選擇 $(

[HTML][CSS]同一元素應用class的優先順序的測試!

同一元素應用多個class的優先順序的測試 使用多個class,以空格分開,如:<span class="a2 a1">效果:  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

jquery 一個元素包含class

Jquery選擇器 多個 class屬性參照以下案例  <element class="a b good list card">1. 交集選擇: $(".a.b") --選擇同時包含a和b的元素。2. 並集選擇:$(".a, .b") --選擇包含a或者包含b的元

class相同的元素的點選事件(動態載入的)

1.  for(var i=0;i<datas;i++){                list= document.createElement('tr');//建立tr標籤        

java 一個文件中寫class

nds ride 中一 pan 文件名 out clas int [] 一個java文件中可以包含多個類,但這些類中一個特殊類,這個類的屬性為public,且這個類的名字與文件名相同,java文件中僅有一個類為public. interface Moveable

d3創建svg元素

end 返回值 height mce function stroke rand 數組長度 arr 當然也可以創建dom var svg = d3.select(‘#svg‘); svg .slectAll(‘circle.bb‘) //選中DOM中的所有circ

Python刪除list中相同元素

個人 err val pos 倒序 pan move 信息 style pop和remove方法都可以刪除list中的元素,個人更傾向於使用remove方法,因為在刪除過程中不會打印信息,安靜的把任務完成。 pop方法:刪除過程中會打印信息 >>>

Python + Appium 【已解決】driver(session)在class之間復用,執行完一個類的用例,再次執行下類的用例時不需要初始化

nic bject config com appium client lee session ted py文件的名稱為:appium_config.py 中的寫法如下 # coding=UTF-8 ‘‘‘ Created on 2017.1.13 @author: Lu

Java-編譯後出現$1.class、$2.classclass文件

etc 多個 cte 結果 rda this bject row temp 部署代碼的時候,由於自身技術不精和疏忽,導致查詢數據沒有正常顯示, 排除法最後只能是放置部署文件時未包括多出來的$class文件。放上去之後果然好使了,才記錄下這個問題。。。 這是因為在我們寫的類中

【Matlab提取離散元素】矩陣取出離散元素

由於Matlab是按照列優先儲存資料,矩陣實際也是一維陣列: 對於零矩陣C[5*11]是5行11列. 使[1;2;3;4;5]行的 [3;4;6;8;9]列,五個元素為1如下程式碼: 基本思想:每列5個元素對應的列select_minQ-1乘以5,計算每列最後一個元素的座標位置; #由於

DIV重疊 CSS讓DIV層疊 兩DIVDIV順序重疊加

DIV重疊 CSS讓DIV層疊、疊加,CSS讓兩個DIV或多個DIV按順序重疊疊加篇 讓DIV重疊並按想要順序重疊需要CSS來實現,即CSS絕對定位進行實現。 重疊樣式需要主要CSS樣式解釋 1、z-index 重疊順序屬性 2、position:relative和position:abso

CSS中class的優先順序

在網頁中為元素新增樣式時,經常會用到多個 class 屬性。 那他們之間的優先順序關係是怎樣的呢: 當一個元素指定多個 class 時,class 的優先順序與指定順序無關,而是和 class 的定義順序有關。後宣告的優先順序高。 比如一個按鈕,我們寫的通用屬性是: .bt

【jsoup】jsoup選擇具有class的標籤

如果 html 標籤的class  只要一個,可以通過   Document  doc = Jsoup             &nbs

css 中class選擇器的詳解

ml中: <div class="containerA"> 這是AAAAAAAAAAAAAAAAAAAAAAA樣式 <div class="containerB"> 這是BBBBBBBBBBBBBBBBBBBBBB樣式 </