• 对象访问


    1, each 遍历用法:

    <div>div1</div>

    <div>div2</div>

    <div>div3</div>

    <div>div4</div>

    <input type="button"  value="点击"/>

    <script>

    $("input").click(function(){

      $("div").each(function(){

    $("this").html("这是第"+(n+1)+"个")

    });

    });

    </script>

    2,length 和size() 都是个数的意思。

    DOM文档处理:

    内部插入:

    • $(a).append($(b)) :把b插入a中(a里面的后面)
      • $(b).appendTo($(a))
    • $(a).prepend($(b)):把b插入a中(a里面的前面)
      • $(b).prependTo($(a)):把a插入b中

     外部插入 :

    • $(a).after($(b)):把b插入a的后面(外面的后面)
    • $(b).inserAfter($(a))
      •   举例:

        <div></div>

    <input type="button" value="点击"/>

     <script>

      $("input").click(function(){

      $("div").after($("<b>加粗这句话出现在div之外的后面<b>"))

    })

    </script>  

    包裹:

    Wrap: $(a).wrap($(b))

    ab包裹起来,每个都被包裹

    Unwrap: 取消包裹

    wraoAll:把所有的都被一个包裹起来。

    wrapInner:内部包裹。多了一级,比他小一级,

    比他的内容大一级或多级。

    替换

    $(a).replaceWith($(b))

    $(b).replaceAll($(a))

      用a 替换b。

    删除

      empty() : 只是删除内容。

    Remove():删除标签。

    复制

      clone:复制出一模一样的元素。

  • 相关阅读:
    从零开始写自己的PHP框架系列教程[前言]
    从零开始写自己的PHP框架系列教程(二)[App.php]
    Nginx
    常见的CSS
    常用JS代码
    jq常用
    EMMET 的HTM自动生成
    JS的小判断
    ARM寄存器与ATPCS/AAPCS
    关于笔记本电脑随想
  • 原文地址:https://www.cnblogs.com/black-humor/p/5645019.html
Copyright © 2020-2023  润新知