jquery点滴总结

最新推荐文章于 2025-08-15 22:56:20 发布

转载最新推荐文章于 2025-08-15 22:56:20 发布 · 85 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jymz/p/4059997.html

文章标签：

#javascript #ViewUI

本文深入探讨了jQuery中几个核心函数的用法，包括empty()、remove()、detach()的异同，siblings()、next()、pre()、nextAll()、preAll()的选择策略，以及after()、insertAfter()的差异；并介绍了线性动画与swing动画的区别，同时讲解了jQuery的常用选择器和prop()、attr()方法的使用；最后提供了常用关键词和相关标签。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery点滴总结

1.empty()、remove()、detach()

　　empty():只移除了指定元素中的所有子节点,而留下了<p></p>,仍保留其在dom中所占的位置。

　　remove():从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。而不会保留其所占的位置。

　　detach():从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。

2.siblings()、next()、pre()、nextAll()、preAll()

　　siblings():选取node的所有兄弟节点

　　next():选取紧邻node节点的下一个兄弟节点

　　pre():选取紧邻node节点的上一个兄弟节点

　　nextAll():选取node节点后的所有兄弟节点

　　preAll():选取node节点前的所有兄弟节点

3.after()、insertAfter

实现同样的功能。对于 .after(), 选择表达式在函数的前面，参数是将要插入的内容。对于 .insertAfter(), 刚好相反，内容在方法前面，它将被放在参数里元素的后面。

1."linear" 和 "swing"

linear方法提供了一个稳定的动画，以使得动画的每个步骤都是相同的(例如，如果要让一个元素以逐渐变化的方式穿过屏幕，每一步的距离和前一步都是相同的)。

swing要更加动态一些，随着动画的开始变得更加快一些，然后再慢下来。

　　easing效果插件：http://gsgd.co.uk/sandbox/jquery/easing/

2.:gt 选择器选取 index 值高于指定数的元素。$("tr:gt(2)")

3..prop()方法方法返回 property 的值,而 .attr() 方法返回 attributes 的值。在Internet Explorer 9之前的版本，使用.prop()设置DOM元素的属性进行赋值时，若所赋值的类型不是基本类型(number, string, 或 boolean)，而且也没有使用 .removeProp() 方法在 DOM 元素从文档中被移除之前。为了安全的在 DOM 对象上进行赋值而不用担心内存泄露问题，请使用 .data() 方法。