轩枫阁

首页 / 授人以渔 / JQuery / 《锋利的Jquery》读书笔记(一)

《锋利的Jquery》读书笔记(一)

1.DOM对象和jQuery对象

DOM对象:通过javascript中的getElementById或者getElementByTagName获取到的结点元素。

jQuery对象:通过jQuery包装DOM对象后产生的对象

jQuery对象无法使用DOM对象的任何方法。

如何转换?

jQuery->DOM:使用[index]或get(index)

DOM->jQuery:用$()包装

2.层次选择器

$(“a b”):选取a元素里的所有b(后代)元素

$(“a>b”):选取a元素下的b(子)元素

$(“a+b”):选取紧接在a元素后的b元素(可以用next()方法来代替)

$(“a~b”):选取a元素之后的所有b元素(可以使用nextAll()方法来代替)

3.基本过滤选择器

:first

:last

:not(selecter)

:even

:odd

:eq(index)

:gt(index)

:lt(index)

:header

:animated

 4.内容过滤选择器

:contains(text)

:empty

:has(selecter)

:parent

5.可见性过滤选择器

:hidden

:visible

6.子元素过滤选择器

:nth-child(index/odd/even/equation)

:first-child

:last-child

:only-child

prompt:

:nth-child(even)偶数

:nth-child(2)索引为2

:nth-child(3n)3的倍数(n从0开始)

notice:

:eq(index)只匹配一个元素,而:nth-child将为每个符合条件的父元素匹配子元素。同时,:nth-child(index)的index是从1开始,而:eq(index)是从0开始的。同理:first和:first-child、:last和:last-child也类似。

7.表单元素过滤选择器

:enabled

:disabled

:checked

:selected

 

445/458
447/458

相关文章

文章评论

  • [切]

  • 支持~~顶顶~~~

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]