codecamp

《锋利的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()

 

 

《锋利的Jquery》读书笔记(一)
《锋利的Jquery》读书笔记(三)
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }