jQuery選擇器之層級選擇器

級選擇器

元素之間的關系
子選擇器 child:parent后的直接子元素
寫法:$("parent > child")
后代選擇器 anyone:parent下面的所有元素
寫法:$("parent anyone")
相鄰兄弟選擇器 所有緊接在brother之后的young brother元素
寫法:$("brother + young brother"),記憶方法:兄弟心連心,所以兄弟元素的獲取用加號;
一般兄弟選擇器: 獲取myself元素之后所有的neighbor元素
寫法:$("brother ~ young brother")

相鄰兄弟選擇器和一般兄弟選擇器的區別:
相鄰兄弟選擇器獲取的是緊挨著brother的young brother
兄弟選擇器會獲取brother下所有的young brother,選擇的范圍更廣

******注意:相鄰兄弟選擇器和一般兄弟選擇器所選擇到的元素,必須在同一個父元素下
示例
相鄰兄弟選擇器:


圖片.png

一般兄弟選擇器:

圖片.png

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1 92
  • 一、樣式篇 第1章 初識jQuery (1)環境搭建 進入官方網站獲取最新的版本 http://jquery.co...
    凜0_0閱讀 3,445評論 0 44
  • 環境搭建 進入官方網站獲取最新的版本 http://jquery.com/download/ ,這里需要注意 j...
    阿r阿r閱讀 818評論 0 7
  • 第一章 jQuery簡介 1-1 jQuery簡介 1.簡介 2.優勢 3.特性與工具方法 1-2 環境搭建 進入...
    mo默22閱讀 1,608評論 0 11
  • 微信公共號:糊糊莉安
    糊糊莉安閱讀 252評論 2 5