锋利的jQuery学习第三章 DOM操作

浏览数：27 / 时间：2015年06月09日

第三章 DOM操作
1.创建元素节点:$(html) 例如:$("<li></li>")
2.添加到某节点:$("ul").append($("<li></li>")) -------对应的appendTo()
3.prepend()向每个匹配的元素内部前置内容.....------对应的prependTo()
4.after()在每个匹配的元素之后插入内容 --------对应的insertAfter()
5.before()在每个匹配的元素之前插入内容 -------对应的insertBefore()
6.删除节点,remove(),该节点包含的所有后代节点将同时被删除,此方法返回值是一个指向已删除节点的引用.例如:$("ul li").remove("li[title!=菠萝]")
7.empty()清空节点,不是删除,只是将内容清空
8.clone()复制节点,如果传的参数为true即clone(true),则该元素上绑定的事件也会进行复制
9.替换节点 replaceWith()将所有匹配的元素都替换成指定的HTML或DOM元素,replaceAll与replaceWith作用相同,次序颠倒
10.包裹节点,wrap()对所有匹配元素进行单独包裹,wrapAll(),wrapInner()
11.样式操作:addClass()追加样式,removeClass()移除样式,toggleClass()切换样式,hasClass()判断是否含有某个样式
12.toggle方法,toggle(function(){},function(){}) 交替执行两部分匿名函数的代码
13.设置和获取html,文本和值 html(),text(),val()
14.遍历节点 children("") 只考虑子元素而不考虑任何后代元素
next("")匹配元素后面紧邻的同辈元素
prev("")匹配元素前面紧邻的同辈元素
siblings("")匹配元素前后所有的同辈元素
closest()去的最近的匹配元素
find(),filter(),nextAll(),prevAll(),parent(),parents()
...都可以使用jQuery表达式作为他们的参数来筛选元素
15.透明度的设置 opacity 例如:$("p").css("opacity","0.5")
16.offset相对偏移 offset.top offset.left
17.opsition.top---opsition.left
18.scrollTop---scrollLeft