• JQuery增加,替换,删除属性应用


    增加:

    (内部插入)

     我们来看以上代码,首先第一段很好理解

    $( 'obj').append(' count')

    意思就是在obj之后添加count,这个count所指代的内容可以是变量,可以是自己拼接的字符串,他这种添加方式可以当成数组中的push()API一样,在末尾添加,

    appendTo()和append是反着的,他是从开始的第一个位置添加

    例:

     这是之前的样式

     通过appendTo,在div中成功插入了span标签

    从开头部位置插入

     此处可以从结构上来看,在h1标签内部开头位置插入span标签

     prependTo()则是倒着插入的

    就拿上面的例子来说,我通过    $('.headSpan').prependTo('.head')   将制定的span标签放入div中,这和prepend()的顺序就是个倒着的,

    例如 $('A').perpend(‘B’),是在A的内部开头插入B,而 $('A').perpendTo(‘B’)  就是在B的开头插入A

    外部插入

    $(' A ').insertBefore(' B')

    表示在A的外部插入B

     从上面可以看出来,insertBefore的插入特性,将A插入到B的前面

    $(' A ').insertAfter(' B')

     insertAfter就是将内容A插到内容B的后面

    这里要多注意内部插入和外部插入的区别,很容易弄混,不过只要记住insert这个前缀就行

    替换元素

    replaceWith()    replaceAll()

    这里先简单将他的特性解释一下

    $(' obj1').replaceWith($(' <b>obj2</b>'))

    obj1指的是被替换的对象,是、obj2指的是将要替换对象  ( 只替换当前指定对象 )

    $(' obj1').replaceWith($(' obj2'))

      这里就和上面是相反的,obj1是将要替换的对象,obj2是被替换的对象 , 这里表示全部替换为obj1

     这里我们可以看出来这是将所有的p标签换成div标签,当然我们也可以通过不同的选择器来替换指定的元素

     这里就只是替换的类名为  . p1  的p标签

     replaceAll的两个对象和replaceWith正好是相反的作用,从上面可以看出,第一个参数是将替换的对象.btn,

    第二个是被替换的元素p,

    这里一定要注意不能搞混了

  • 相关阅读:
    postgresql数据库
    运维平台cmdb配置库
    该微信用户未开启“公众号安全助手”的消息接收功能,请先开启后再绑定
    公众号开发:登录的微信号未绑定公众号的网页开发者
    在图片上指定区域写文字,超过长度自动换行
    Vue3基础知识提炼
    将博客搬至CSDN
    cglib应用
    mysql根据库表生成文档
    nginx 代理 ws协议
  • 原文地址:https://www.cnblogs.com/hzqzwl/p/12183259.html
Copyright © 2020-2023  润新知