1.DOM操作:(1)DOM Core(核心)
创新互联主要从事成都网站设计、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务永靖,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108
(2)HTML_DOM (例题:document.getElementById("xxx").value)
(3)CSS_DOM (例题:document.getElementById("xxx").style)
2.jQuery的DOM操作:对元素的增删改查
3.查找节点: var $li=$("ul li:eq(1)");
4.查找属性节点:var name=$li.attr("name","xxx");//赋值
5.创建节点: var $li = $("
"); var $li=$("
xxx");
6.插入节点:(1)after():插入到元素外部的后面
(2)prepend():插入到元素内部的前面
(3)before():插入到元素外部之前
(4)append():插入到元素内部的后面
(5)appendTo():插入到元素内部的后面(与append写法相反)
7.删除节点:(1)remove 例题:$("ul li:eq(1)").remove();
(2)empty 没有引用,直接清空 例题:$("ul li:eq(1)").empty();
8.复制节点:clone();如果传递的参数为true时,被复制出来的还可以复制.
9替换节点:(1)replaceAll()
(2)replaceWith()
10.包裹节点:(1)wrapAll():将所有元素用一个元素来包裹(即包裹元素外部)
(2)wrap();将所有元素进行单独的包裹(即元素节点外部包裹)
(3)wrapInner();每个匹配的元素的子内容用其他结构化的标记包裹起来(即元素外部包 裹)
11.属性操作:(1)attr()获取,设置属性
(2)RemoveAttr()删除属性
12.样式操作:(1)attr();设置获取样式
(2)addClass();追加样式
(3)RemoveClass();移除样式;不带参数是,将class的值全部删除
(4)toggle();切换样式
(5)toggleclass();重复切换样式
(6)hasclass();判断是否有某个样式
(7)IS();判断元素的状态
13.设置和获取HTML,文本和值:
(1)html();获取和设置某个元素中的html值
(2)text();读取或者设置某个元素中的文本内容
(3)val();设置或者获取元素的值
14.遍历节点:
(1)children();获取匹配元素的所有子元素的个数
(2)next();获取匹配元素后紧邻的同辈元素(即后一个元素)
(3)prev();获取匹配元素前面紧邻的同辈元素(即上一个元素)
(4)siblings();获取匹配元素前后的所有同辈元素
(5)closest();获取最近的匹配元素(逐级向上查找)
(6)find();查找 filter();过滤掉 nextAll(); prevAll(); parent();直接父元素 parents();所有父元素
15.CSS DOM操作:
(1)css();获取样式属性
(2)opacity属性:透明度
(3)height();取元素高度
(4)width();取元素的宽度值
(5)offset();取当前窗体的相对偏移值(top 和 left);
(6)position();取元素相对最近的一个position样式属性设置为relative或者 absolute的祖父节点的相对偏移(top 和 left)
(7)滚动条:scorllTop()和scrollLeft()
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
文章题目：第三章jQuery中的DOM操作-创新互联
文章源于：
http://cdkjz.cn/article/dhhshh.html
