`
残血舞
  • 浏览: 31060 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Jquery 基础用法(二)

阅读更多
21.prependTo(content) 与prepend的添加对像相反.

eg:<p>I would like to say: </p><div id="foo"><b>Hello</b></div>

$("p").prependTo("#foo"); ==>> [ <div id="foo"><p>I would like to say: </p><b>Hello</b></div> ]

与appendTo的功能一样,有点迷糊这个

22.prepend(content) 添加到element里面的前部.与append的方位不一样

eg:<p>I would like to say: </p>

$("p").prepend("<b>Hello</b>"); ==>> [ <p><b>Hello</b>I would like to say: </p> ]

加到指定元素内部的最前面.做为子元素存在!和append功能一样,只是加入的方位不同



23.clone(deep) 克隆一个新的element.参数deep为flase时不包括子element

eg:<b>Hello</b><p>, how are you?</p>

$("b").clone().prependTo("p"); ==>> [ <b>Hello</b><p><b>Hello</b>, how are you?</p> ]

搜索B元素并复制一个放到p元素的前面.

24.empty() 删除所有的内部节点

eg:<p>Hello, <span>Person</span> <a href="#">and person</a></p>

$("p").empty(); ==>> [ <p></p> ]
删除P元素内部的所有内容



25. insertAfter(content) 与after差不多.

eg:$(a).after(b); === $(b).insertAfter(a);

26. insertBefore(content) 与 before差不多

eg:$(a).before(b) === $(b).insertBefore(a)

27. remove(expt) 删除条件是expt的相应的element,当expt为空时.全部删除

eg:<p class="hello">Hello</p> how are <p>you?</p>

$("p").remove(".hello"); ==>> [ how are <p>you?</p> ]
删除class为hello的P元素.如果romove()里面为空,就是删除所有p元素

28. wrap(html) 把节点插入到html生成的节点里面.要注意的是html节点中不能含有内容只能是节点的结构.如果想加的话只能在嵌入后再插入内容

eg:<p>Test Paragraph.</p>

$("p").wrap("<div class='wrap'></div>"); ==>> [ <div class='wrap'><p>Test Paragraph.</p></div> ]
wrap是只插入元素,而且元素不能有内容.如例子,把p加入到div中,而且div为父元素,p为子元素

注html也可以直接用一个element代替
分享到:
评论

相关推荐

    jquery的基础用法例子

    jquery的基础用法例子,书中的例子,要的拿走

    jquery插件使用方法大全

     jquery提供了很多便利的函数,如each(fn),但是使用这些函数的前提是:你使用的对象是Jquery对象。使一个Dom对象成为一个Jquery对象很简单,通过下面一些方式(只是一部分): 代码 var a = $("#cid"); var b = $...

    jquery基础教程

    jquery基础教程,详细介绍jquery包的使用方法

    jQuery基础 学习教程

    我在网上找的,认为学习jQuery基础用法用法很好的一个东东。。简单易懂,自己实际操作过基本上就能理解

    jquery用法大全

    jquery各种基础的用法,很详细,不错的参考资料

    jquery基础学习实例集.rar

    jquery基础学习实例集,jquery初学者实例大全,里面一共包括了三季内容,有些是作者自创的实例,有些是从网络上下载然后修改的,对jquery初学者来说,非常实用且基础的实例,比如一些弹出信息框、伪装链接、无刷新...

    jquery基础应用总结

    本压缩包中包含jquery的一些基础用法和特效,均以实例展现出来

    jQuery基础教程(第四版)

    《jQuery基础教程(第4版)》是由jQuery权威专家担纲撰写的佳作,不管是谁,只要稍有JavaScript经验就可以看懂。这本书的特点就是全面、深入,它不仅向读者解释了jQuery的底层原理,更讨论了高级开发技术,而且示例...

    jquery-ui包含功能演示及代码

    jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。 编辑本段组件构成  jQuery UI ...

    jQuery相关文档

    jQuery相关文档,介绍JQuery基础用法的教程书籍。

    jquery基础教程之deferred对象使用方法

    jquery基础教程之deferred对象使用方法

    最简单的tap切换jquery

    极简单的tap切换,使用jquery的方法。引用一个jquery.js即可

    jQuery的一些相关使用,jQuery基础应用

    本文档主要介绍jQuery的一些常用语法规则和里面的一些方法属性等

    jQuery基础

    详细介绍jQuery的一些基础方法的使用,以及ajax请求的处理方法。

    JQuery基础实例以及详解

    适合初学者使用,里面例子很详细 jQuery_学习 :这个主要是学习和解释 jquery-starterkit :这个是实例, ... custom.js :这个就是jquery学习的用法都在这里了; 初学者最好是边学习,边看效果,然后边用。。

    jQuery基础教程(第四版)

    不仅包括创建自己的实用函数,还有添加jQuery对象方法,以及使用jQuery UI部件工厂。接下来的几章更加深入地探讨了jQuery的各种特性,在这几章里将学习到很多高级的技术。 第9章重温关于选择符和遍历的知识,讲解了...

    jquery基础教程学习

    介绍了jquery中$.getJSON(),$.getScript(),$.get('x.xml', load(带参数)的用法。后台是jsp的,不过应该区别不是太大。应该都可以参考。

    JQuery基础教程

    JQuery入门基础教程,介绍JQuery的基本用法,适合于初学者对JQuery有一个全面的理解和认识

    Jquery基础语法

    对Jquery基础语法、选择器的各种用法、事件器的介绍

    jQuery技术内幕:深入解析jQuery架构设计与实现原理

    第二部分(第2章)详细介绍和分析了构造函数jQuery()的用法、构造过程、原型属性和方法、静态属性和方法。 第三部分(第3~7章)详细分析了底层支持模块的源码实现,包括选择器Sizzle、异步队列Deferred Object、...

Global site tag (gtag.js) - Google Analytics