zoukankan      html  css  js  c++  java
  • jQuery知识点总结(第四天)

    前三天是jQuery的基础部分,选择器学好了。才能进行下一步的操作,如果前三天没学过没学好,不要跳着学。粗俗的话叫做,步子大了,容易扯着蛋。一步一个脚印,是最好的方式。

    强调一下。有问题,不要憋着不讲。评论区里可以尽情提问,有问题才是好孩子。


    jQuery插入节点的方法:

    插入节点主要有两种方式,一种是内插,一种是外插。外插花样多,还分前插和后插。各位看官自动脑补岛国动画,只要你能记住,我拦不住您瞎想。

    本着no picture no bibi 的精神。我画几个图,对比学习。当然更好的是你自己练一下。

    内插:

         append 与 appendTo

       prepend 与 prependTo

       多图来袭:

       内插中的后插:

        

     

           内插中的前插:

       

      其中append与appendTo的作用是类似的。都是在元素的内部内容后面插入元素。不过为了jQuery的链式操作方便。可以先指定插入的内容然后再插入到元素内。

      区别在于:append:先准备插入的元素,再准备插入的内容。eg:$('p').append("<b>我解锁了前插中的后插</b>");

             appendTo:先准备插入的内容,然后再插入到元素中去。eg $("<b>我解锁了前插中的后插</b>").appendTo("p");

    外插:

       after 与 insertAfter

            before 与 insertBefore

         外插中的后插:

       

          

        外插中后插:

       

                    after 与 insertAfter作用是类似的。可以参考内插的介绍。


            实在抱歉,今天更新的内容太少了。自己的电脑不太好,画图太不好使了。有问题,或者有错误,评论区见。

    本人博客所有文章,均为原创。部分文章中或引用相关资料,但均已著明来源出处。可随意转载、分享,但需加本文链接,以及版权说明。
  • 相关阅读:
    文件的上传&预览&下载学习(五)
    文件的上传&预览&下载学习(四)
    MySQL学习(一)大纲
    MySQL学习(四)锁机制
    MySQL学习(五)事务
    小程序在WXML页面添加的data属性,在点击事件中,获取的属性名皆为小写字母
    CSS解决数字,字母自动换行的问题添加wordbreak:breakall; wordwrap:breakword;
    理解CSS盒模型
    浮动
    对于第四章“流程控制”的学习和认识
  • 原文地址:https://www.cnblogs.com/roverliang/p/4665408.html
Copyright © 2011-2022 走看看