jQuery知识点总结(第四天)
2015-07-21 22:43
465 查看
前三天是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作用是类似的。可以参考内插的介绍。
实在抱歉,今天更新的内容太少了。自己的电脑不太好,画图太不好使了。有问题,或者有错误,评论区见。
强调一下。有问题,不要憋着不讲。评论区里可以尽情提问,有问题才是好孩子。
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作用是类似的。可以参考内插的介绍。
实在抱歉,今天更新的内容太少了。自己的电脑不太好,画图太不好使了。有问题,或者有错误,评论区见。
相关文章推荐
- 工作积累(六)——jQuery实现DOM元素事件动态绑定
- 工作积累(三)——使用jQuery实现回车触发事件
- jQuery中Tree常见的坑
- jquery 拖拽
- jQuery Attributes vs. Properties
- jquery获取表单类型为radio的元素
- jquery 选择器
- JQuery解析json数据
- Jquery Api 1.8.2 chm
- JS向右弹出DIV,点击可向左隐藏。我用jquery可以从左下角像右上角隐藏,怎么从做向右隐藏呢?
- jquery 插件开发
- jquery中prop()方法和attr()方法的区别浅析
- jquery操作select
- jQuery 获取 table 行数
- jQuery formValidator表单验证插件常见有关问题
- JQuery的父、子、兄弟节点查找方法
- JQuery与JS实现倒计时
- JQuery validate 验证一个单独的表单元素
- jquery 遍历dom元素
- jquery性能优化的十种方法