Note: 建立包裹元素集合

2 functions, using a lot:

1 by selector to choose DOM 元素
2 build new DOM 元素

To select element in page :
selectors lab

To use basic CSS selector by choosing
元素ID,
CSS類別名稱,
標籤名稱,
網頁元素
的DOM

$(“p a.specialClass")

Using
子選擇器: p>a ;// 以>分隔父與子

容器選擇器:
li:has(a);//包含所有

  • 元素.

    屬性選擇器:
    to kink to external website : href^="http://";// ^ must be at the initial
    符合屬性,不論其值的元素

    form[method];//符合method的元素

    input[type=text];//符合type為text的所有輸入元素

    div[title^=my]

    a[href$=.pdf]
    a[href*=jQuery.com]

    xxx

    Selection,based on position: position selector

    :first
    :last
    :first-chi;d
    :last-chid
    :only-chi;d
    :nth-child(n)
    :nth-child(even 1 odd)

    XXX

    using: custom selector:checked ;//very powerful to find target element
    using: not 過濾器
    input:not(:checkbox)

    Mind the difference between Filter selector and Find selector
    1 Filter: 進一步選取條件
    2 find;

    To generate new HTML:
    $(“

    Joe

    “)

    To manage 包裹元素集合:

    取得-包裹集合的大小:
    size()
    hide();//隱藏
    get(index);//取的包裹集合中,符合的元素
    index(element)

    切割-

    加入更多元素:
    $(‘img[alt]),img[title]’
    add(字串,元素,陣列)
    $(‘img[alt]’).add(somelement)
    $(‘p’).add(‘

    This is Joe

    ‘)

    not();//除…之外

    filter()

    取得包裹集合的子集合:
    silce(begin,end)

    運用關係取得包裹集合:
    children()
    content()
    next()
    nextAll()
    parent()
    parents()
    prev()
    siblings()

    其他運用方式:
    find(selector)
    contains(test)
    is(selector)

    管理jQuery鏈
    clone();//建立元素複本

    andself();//合併新加入的2個包裹集合.

    廣告
  • 發表留言

    1 則迴響

    1. jQuery | Joe

    發表迴響

    在下方填入你的資料或按右方圖示以社群網站登入:

    WordPress.com Logo

    您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

    Twitter picture

    您的留言將使用 Twitter 帳號。 登出 / 變更 )

    Facebook照片

    您的留言將使用 Facebook 帳號。 登出 / 變更 )

    Google+ photo

    您的留言將使用 Google+ 帳號。 登出 / 變更 )

    連結到 %s

    %d 位部落客按了讚: