Jquery選擇器我的總結

一、選擇第一級子節點

    經過> 或者children方法實現

    $('#XtraTabPage8>.datagrid-ftable')

    $('#XtraTabPage8').children('.datagrid-ftable')

二、選擇全部的子節點，即後代節點

    經過空格實現

    $('#XtraTabPage8 .datagrid-ftable')

    用find函數

    $('#XtraTabPage8').find('.datagrid-ftable')

三、選擇同級

       $('#XSmartDictLookup8').prev()

       $('#XSmartDictLookup8').next()

四、選擇父級

    $('#XSmartDictLookup8').parent()

　 $('#XSmartDictLookup8').parents('#InputPanel')  ---帶篩選的選擇父級，能夠查找全部父級元素

五、模糊匹配

　　$("div[class^='hint']"); ---class前綴爲hint的全部div的jquery對象

　　$("div[class$='hint']"); ---class後綴爲hint的全部div的jquery對象

　　$("div[class*='hint']"); ---class中包含hint的全部div的jquery對象

[屬性名稱] 匹配包含給定屬性的元素
[att=value] 匹配包含給定屬性的元素 (大小寫區分)
[att*=value] 模糊匹配包含有value的原色
[att!=value] 不能是這個值
[att^=value] 以value開頭的全部元素
[att$=value] 以value結尾的全部元素
[att1][att2][att3]… 匹配多個屬性條件中的一個

class有多個時的模糊匹配。

例：<div style="white-space: normal; height: auto; width: 96px;" class="datagrid-cell datagrid-cell-c7-MXVALUE datagrid-editable">

模糊匹配JS爲 $("div[class$='MXVALUE datagrid-editable']"); ---把class當作一個字符串看待