zoukankan      html  css  js  c++  java
  • jquery的DOM操作

    1、属性操作1)查找属性节点:attr()方法来获取属性的值,它的参数可以是一个也可以是多个;例如: attr("title")//获取属性值attr("title","aaaaaaaaa")//将属性值改为aaaaaaaaa;2)removeAttr()方法删除元素属性;

    2、创建节点: var $ lia=$("<li title="aa">aaaaa</li>")

    3、插入节点的方法:append()直接追加;appendTo()追加到 例如A.appendTo(B)意思是A追加到B中,顺序跟append()刚好相反;prepend()插入到元素的前面(与after()刚好相反);A.prependTo(B)讲A插入到B的前面(与insertAfter()刚好相反);

    4、删除节点的方法:remove()但是删除后还可以继续使用这些元素;例如$aa=$("ul li:eq(1)");$aa.remove();$("ul").append("$aa");empty()方法是清空节点;例如

    <html>
    <head>
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
    var $bb=$("ul li:eq(1)");
    $bb.remove();
    })
    </script>
    </head>
    <body>
    <ul>
    <li>aa</li>
    <li>bb</li>
    <li>cc</li>
    </ul>
    </body>
    </html>

    输出结果为:.aa . .bb而如果是remove()方法,输出效果为:.aa .bb;

    5、复制节点 $("aa").clone(true)//如果不加参数true则复制后的元素不具有父元素的行为;

    6、替换节点:replaceWith()和replaceAll()方法(两种方法的作用一样,只是使用时顺序是颠倒的);例如:将<p>aaaaaaaaaaaa</p>替换为<a href="">bbbbbbbbbbbbbbb</a>代码如下:$("p").replaceWith("<a href="">bbbbbbbbbbbbbbb</a>");或者是$("<a href="">bbbbbbbbbbbbbbb</a>").replaceAll("p");

    7、包裹节点方法:1)wrap()是讲所有匹配的元素进行单独包裹;

    2)wrapAll()方法是将所有的匹配元素用一个元素包裹起来;

    3)wrapInner()方式是讲所有匹配的元素的子内容(包括文本节点)用结构化的标记包裹起来;

    8、样式操作:1)替换样式$("ul").attr("class","aa");

    2)追加样式$("ul").addClass("aa");

    3)移除样式$("ul").removeClass("aa");

    4)切换样式toggleClass()方法控制样式上的重复切换,如果存在则删除,如果不存在则添加;

    5)判断是否有某个样式$("p").is(".another");

  • 相关阅读:
    Mybatis JPA 插件简介(v2.1.0)
    linux-非root用户运行tomcat
    java版Web Socket,实现消息推送
    开源巨献:Google最热门60款开源项目
    java加密算法AES与RSA
    Jquery table元素操作-创建|数据填充|重置|隐藏行
    Mybatis JPA-集成方案+源码
    Mybatis JPA 插件简介
    eclipse maven构建
    初探JSP运行机制和与Servlet间的关系
  • 原文地址:https://www.cnblogs.com/javawebsoa/p/3228585.html
Copyright © 2011-2022 走看看