欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery 獲取對象 定位子對象

 更新時間：2010年05月31日 14:02:29   作者：  
jQuery 獲取對象 定位子對象，學習jquery 定位子對象的朋友可以參考下。
選擇中的特殊符號:

# 指示 id
. 指示 class
* 全選
, 多選
空格 后代
> 子
~ 兄弟
+ 下一個
: 子(多功能)
() 函數(shù)式的過濾與查找

獲取 div 下的所有標題對象: $("div :header")
復制代碼 代碼如下:

<body>
<h3>AAA</h3>
<p>BBB</p>
<h4>CCC</h4>
<div>
<h3>DDD</h3>
<p>EEE</p>
<h4>FFF</h4>
</div>
</body>

獲取所有標題對象: $(":header")
復制代碼 代碼如下:

<body>
<h3>AAA</h3>
<p>BBB</p>
<h4>CCC</h4>
<div>
<h3>DDD</h3>
<p>EEE</p>
<h4>FFF</h4>
</div>
</body>

獲取 first, 如: $("li:first") 或 $("li").first() 或 $("ul :first") 或 $("ul li:first")
復制代碼 代碼如下:

<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
<li>DDD</li>
<li>EEE</li>
<li>FFF</li>
<li>GGG</li>
</ul>
<ul>
<li>111</li>
</ul>
<ul>
<li>XXX</li>
<li>YYY</li>
<li>ZZZ</li>
</ul>

獲取每組的 first, 如: $("li:first-child") 或 $("ul li:first-child") 或 $("ul :first-child")
復制代碼 代碼如下:

<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
<li>DDD</li>
<li>EEE</li>
<li>FFF</li>
<li>GGG</li>
</ul>
<ul>
<li>111</li>
</ul>
<ul>
<li>XXX</li>
<li>YYY</li>
<li>ZZZ</li>
</ul>

獲取 last, 如: $("li:last") 或 $("li").last() 或 $("ul :last") 或 $("ul li:last")
復制代碼 代碼如下:

<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
<li>DDD</li>
<li>EEE</li>
<li>FFF</li>
<li>GGG</li>
</ul>
<ul>
<li>111</li>
</ul>
<ul>
<li>XXX</li>
<li>YYY</li>
<li>ZZZ</li>
</ul>

獲取每組的 last, 如: $("li:last-child") 或 $("ul li:last-child") 或 $("ul :last-child")
復制代碼 代碼如下:

<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
<li>DDD</li>
<li>EEE</li>
<li>FFF</li>
<li>GGG</li>
</ul>
<ul>
<li>111</li>
</ul>
<ul>
<li>XXX</li>
<li>YYY</li>
<li>ZZZ</li>
</ul>

獲取第幾個, 如(獲取第三個, eq 是 0 起): $("li:eq(2)") 或 $("li").eq(2)
復制代碼 代碼如下:

<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
<li>DDD</li>
<li>EEE</li>
<li>FFF</li>
<li>GGG</li>
</ul>
<ul>
<li>111</li>
</ul>
<ul>
<li>XXX</li>
<li>YYY</li>
<li>ZZZ</li>
</ul>

獲取第幾個之后的, 如(獲取第三個之后的, gt 是 0 起): $("li:gt(2)")
復制代碼 代碼如下:

<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
<li>DDD</li>
<li>EEE</li>
<li>FFF</li>
<li>GGG</li>
</ul>
<ul>
<li>111</li>
</ul>
<ul>
<li>XXX</li>
<li>YYY</li>
<li>ZZZ</li>
</ul>

獲取第幾個之前的, 如(獲取第三個之前的, lt 是 0 起): $("li:lt(2)")
復制代碼 代碼如下:

<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
<li>DDD</li>
<li>EEE</li>
<li>FFF</li>
<li>GGG</li>
</ul>
<ul>
<li>111</li>
</ul>
<ul>
<li>XXX</li>
<li>YYY</li>
<li>ZZZ</li>
</ul>

獲取索引值是偶數(shù)的, 如(even 是 0 起): $("li:even")
復制代碼 代碼如下:

<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
<li>DDD</li>
<li>EEE</li>
<li>FFF</li>
<li>GGG</li>
</ul>
<ul>
<li>111</li>
</ul>
<ul>
<li>XXX</li>
<li>YYY</li>
<li>ZZZ</li>
</ul>

獲取索引值是奇數(shù)的, 如(odd 是 0 起): $("li:odd")
復制代碼 代碼如下:

<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
<li>DDD</li>
<li>EEE</li>
<li>FFF</li>
<li>GGG</li>
</ul>
<ul>
<li>111</li>
</ul>
<ul>
<li>XXX</li>
<li>YYY</li>
<li>ZZZ</li>
</ul>

獲取每組第偶數(shù)個, 如(nth-child 是 1 起): $("li:nth-child(even)")
復制代碼 代碼如下:

<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
<li>DDD</li>
<li>EEE</li>
<li>FFF</li>
<li>GGG</li>
</ul>
<ul>
<li>111</li>
</ul>
<ul>
<li>XXX</li>
<li>YYY</li>
<li>ZZZ</li>
</ul>

獲取每組第奇數(shù)個, 如(nth-child 是 1 起): $("li:nth-child(odd)")
復制代碼 代碼如下:

<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
<li>DDD</li>
<li>EEE</li>
<li>FFF</li>
<li>GGG</li>
</ul>
<ul>
<li>111</li>
</ul>
<ul>
<li>XXX</li>
<li>YYY</li>
<li>ZZZ</li>
</ul>

獲取每組第幾個, 譬如第 2 個(nth-child 是 1 起): $("li:nth-child(2)")
復制代碼 代碼如下:

<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
<li>DDD</li>
<li>EEE</li>
<li>FFF</li>
<li>GGG</li>
</ul>
<ul>
<li>111</li>
</ul>
<ul>
<li>XXX</li>
<li>YYY</li>
<li>ZZZ</li>
</ul>

用表達式指示每組的第幾個, 如(nth-child 是 1 起): $("li:nth-child(3n-1)")
復制代碼 代碼如下:

<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
<li>DDD</li>
<li>EEE</li>
<li>FFF</li>
<li>GGG</li>
</ul>
<ul>
<li>111</li>
</ul>
<ul>
<li>XXX</li>
<li>YYY</li>
<li>ZZZ</li>
</ul>

如果是父元素中唯一的子元素, 如: $("li:only-child")
復制代碼 代碼如下:

<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
<li>DDD</li>
<li>EEE</li>
<li>FFF</li>
<li>GGG</li>
</ul>
<ul>
<li>111</li>
</ul>
<ul>
<li>XXX</li>
<li>YYY</li>
<li>ZZZ</li>
</ul>

:not 是對其他選擇的取反, 如: $("li:not(li:first-child)")
復制代碼 代碼如下:

<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
<li>DDD</li>
<li>EEE</li>
<li>FFF</li>
<li>GGG</li>
</ul>
<ul>
<li>111</li>
</ul>
<ul>
<li>XXX</li>
<li>YYY</li>
<li>ZZZ</li>
</ul>

相關文章

  • DOM事件階段以及事件捕獲與事件冒泡先后執(zhí)行順序(圖文詳解)

    DOM事件階段以及事件捕獲與事件冒泡先后執(zhí)行順序(圖文詳解)

    DOM事件標準定義了兩種事件流，這兩種事件流有著顯著的不同并且可能對你的應用有著相當大的影響。這兩種事件流分別是捕獲和冒泡。和許多Web技術一樣，在它們成為標準之前，Netscape和微軟各自不同地實現(xiàn)了它們，下面介紹DOM事件階段以及事件捕獲與事件冒泡先后執(zhí)行順序
    2015-08-08
  • jquery插件Jplayer使用方法簡析

    jquery插件Jplayer使用方法簡析

    這篇文章主要介紹了jquery插件Jplayer使用方法簡析，具有實用價值，感興趣的小伙伴們可以參考一下
    2016-04-04
  • 使用jQuery validate 驗證注冊表單實例演示

    使用jQuery validate 驗證注冊表單實例演示

    Validation是jQuery的插件，提供的方法可以大大簡化驗證表單的工作，接下來為大家詳細介紹下使用方法，感興趣的各位可以參考下哈
    2013-03-03
  • jQuery簡單倒計時效果完整示例

    jQuery簡單倒計時效果完整示例

    這篇文章主要介紹了jQuery簡單倒計時效果,結合完整實例形式分析了jQuery針對日期與時間的計算與頁面元素動態(tài)操作相關技巧,需要的朋友可以參考下
    2016-09-09
  • jQuery常見開發(fā)技巧詳細整理

    jQuery常見開發(fā)技巧詳細整理

    jquery開發(fā)過程中經驗豐富可以提高開發(fā)技巧，本文整理了一些常見的jquery開發(fā)技巧，有需要的朋友可以參考下
    2013-01-01
  • jquery自適應布局的簡單實例

    jquery自適應布局的簡單實例

    下面小編就為大家?guī)硪黄猨query自適應布局的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05
  • JQuery實現(xiàn)的圖文自動輪播效果插件

    JQuery實現(xiàn)的圖文自動輪播效果插件

    這篇文章主要介紹了JQuery實現(xiàn)的圖文自動輪播效果插件,涉及jQuery處理鼠標事件及動畫效果的方法,需要的朋友可以參考下
    2015-06-06
  • jQuery Flash/MP3/Video多媒體插件

    jQuery Flash/MP3/Video多媒體插件

    jQuery Flash/MP3/Video多媒體插件,主要是用來加載flash或mp3等網絡媒體文件。
    2010-01-01
  • jQuery手機撥號界面特效代碼分享

    jQuery手機撥號界面特效代碼分享

    這篇文章主要介紹了jQuery手機撥號界面特效，整體特效非常逼真自然，推薦給大家，有需要的小伙伴可以參考下。
    2015-08-08
  • jquery判斷元素內容是否為空的方法

    jquery判斷元素內容是否為空的方法

    今天在實現(xiàn)一段廣告的時候，需要判斷指定元素的內容是否為空，為空則插入廣告，否則就不執(zhí)行，這里就為大家簡單介紹一下需要的朋友可以參考一下
    2018-05-05

最新評論