zoukankan      html  css  js  c++  java
  • 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,

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

  • 相关阅读:
    异常练习一 throw
    MAP排序
    Java正则表达式应用详解
    java多线程 sleep()和wait()的区别
    面向对象的15、18位中国大陆身份证号码解析、工具
    java学习笔记--this 关键字的理解
    Java六大问题你都懂了吗?
    Java类的声明和访问介绍
    java的五种数据类型解析
    Java集合框架的总结
  • 原文地址:https://www.cnblogs.com/hzqzwl/p/12183259.html
Copyright © 2011-2022 走看看