第三章jQuery中的DOM操作

1.DOM操作:(1)DOM Core(核心)

赤坎网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、响应式网站开发等网站项目制作,到程序开发,运营维护。创新互联公司2013年成立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

(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()


    网页名称:第三章jQuery中的DOM操作
    当前路径:http://pwwzsj.com/article/jjhgdc.html