轩枫阁

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

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

1.插入节点

append() 向每个匹配的元素内部追加内容

appendTo() 将所有匹配的元素追加到指定的元素中

prepend() 向每个匹配的元素内部前置内容

prependTo() 将所有匹配的元素前置到指定的元素中

after() 在每个匹配的元素之后插入内容

insertAfter() 将所有匹配的元素插入到指定元素后面

before() 在每个匹配的元素之前插入内容

insertBefore() 将所有匹配的元素插入到指定的元素前面

prompt:不仅可以创建DOM元素,也能对原有的DOM元素进行移动

2.删除结点

remove()方法

empty()方法

3.复制结点

clone()

4.包裹结点

wrap()

wrapAll()

wrapInner()

5.属性操作

attr() 能够同时获取和设置元素属性

removeAttr() 删除元素属性

prompt:

jQuery中,对于同一个方法,既能设置元素属性的值,也能获取元素属性的值,有一下几个:

attr()、html()、text()、height()、width()、val()、css()

6.样式操作

获取样式和设置样式 attr()

追加样式 addClass()

移除样式 removeClass()

切换样式 toggle()

判断时候含有某个样式 .hasClass()

7.设置和获取HTML、文本和值

html()

text()

val()

8.遍历结点

children()

next()

prev()

siblings()

closest()

find()

filter()

nextAll()

prevAll()

parent()

parents()

9.css-DOM操作

$(“p”).css(“color”)

$(“p”).css(“color”,”red”)

$(“p”).css({fontSize:”30px”})

如果值是数字,则将会被自动转为像素值。

最后一种写法适用于同时设置多个css属性。但是如果属性带有“-”号,且属性不加引号时,必须采用驼峰式写法。如font-size写成fontSize

 

获取元素高宽(也可以设置)

height()

width()

 

其他方法

offset()

$(“p”).offset().left

$(“p”).offset().top

 

position()  写法同上

 

scrollTop()

scrollLeft()

 

 

442/456
444/456

相关文章

文章评论

  • 我见过的最好的文章了,谢谢博主

  • 继续关注一下这方面的信息

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

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

    [返回曲谱列表]