按属性查找

    一个DOM节点除了 id class 外还可以有很多属性,很多时候按属性查找会非常方便,比如在一个表单中按属性来查找:

    var email = $('[name=email]'); // 找出<??? name="email">

    var passwordInput = $('[type=password]'); // 找出<??? type="password">

    var a = $('[items="A B"]'); // 找出<??? items="A B">

    当属性的值包含空格等特殊字符时,需要用双引号括起来。

    按属性查找还可以使用前缀查找或者后缀查找:

    var icons = $('[name^=icon]'); // 找出所有name属性值以icon开头的DOM

    // 例如: name="icon-1", name="icon-2"

    var names = $('[name$=with]'); // 找出所有name属性值以with结尾的DOM

    // 例如: name="startswith", name="endswith"

    这个方法尤其适合通过class属性查找,且不受class包含多个名称的影响:

    var icons = $('[class^="icon-"]'); // 找出所有class包含至少一个以icon-开头的DOM

    // 例如: class="icon-clock", class="abc icon-home"