jQuery文档通读(二)

浏览数：17 / 时间：2015年06月09日

文档处理

1. append(contend|fn) 向每个匹配的元素内部追加内容
$(document).ready(function(){
$("ul").append(function() {
return "<li>function</li>";
});
$("ul").append("<li>no function</li>")
 
});
2. appendTo()将所有匹配的元素添加到另一个指定的元素集合中
这个方法其实就是append方法的一种颠倒
3. prepend()向每个匹配元素内容的前端添加内容prependTo()就是prepend的颠倒
4. after()向每个匹配元素的后面添加内容 before就是 向每个匹配元素的前面添加内容
prepend和before是有区别的:一个(prepend)是在元素的里面的前面，一个(after)是元素外面的前面。
5. insertAfter(content)将所有匹配元素插入到指定的元素的后面
6. wrap(html|ele|fn)将所有匹配元素用其他元素的结构化标记包裹起来
说的通俗点，就是在一个元素外面包裹一层你所指定的内容。后面和wrap()相关的变体，也都类似
7. replaceWith(content|fn)将所有匹配的元素替换成指定的HTML或DOM元素。
8. empty() 删除匹配的元素集合中所有的子节点。值得注意的是：清空的时内容，元素标记还存在
9. remove()从DOM中删除所有匹配的元素.值得注意的是：删除的是元素（标记）不会讲内容清空
10. detach()从DOM中删除所有匹配的元素，和remove()不同的是，绑定事件和附加数据都会保留
11. clone() 这个函数的作用不可小觑
CSS处理
 1. css(name|pro|val|fn)访问匹配元素的样式属性
2. width()获取元素的宽度，height()获取当前元素的高度.当然和html()等一样，除了获取还可以设置
3. innerWidth()和innerHeight()看看前缀就知道是内边距的宽度和高度
4. outerWidth()和outerHeight()就是外边距的宽度和高度
5. scrollTop()获取匹配元素相对滚动条顶部的偏移。
事件处理
1. ready()当DOM载入就绪可以查询及操纵时绑定一个要执行的函数
$(document).ready(function{ });
$(function($){ });
2. on()在选择元素上绑定一个或多个事件的事件处理函数。
3. off()在选择元素上移除一个或多个事件的事件处理函数。
4. bind()为每个匹配元素的特定事件绑定事件处理函数。
5. one()为每一个匹配元素的特定事件（像click）绑定一个一次性的事件处理函数。
先熟悉一下所有的时间处理函数的名字，和大概的用途，用到的时候再查相关的文档。
效果处理
 
1. show([speed, [easing],[fn]]) 显示隐藏的匹配元素。 自定速度显示隐藏的元素
2. hide([speed, [easing],[fn]]) 隐藏显示的元素。自定义速度隐藏显示的元素
3. toogle([speed, [easing], [fn]) 用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。
4. slideDown([speed],[easing], [fn])通过高度变化（向下增大）来动态地显示所有匹配的元素，在显示完成后可选地触发一个回调函数。
5. slideToggle()通过高度变化来切换所有匹配元素的可见性，并在切换完成后可选地触发一个回调函数。
。。。。。
我经常用到的就是让他显示或者让他呈现，使用其中的一些效果函数
还是那句话：每种技术的水都很深，要想真正掌握，就需要将他们灵活的应用于各种场合

jQuery文档通读(二),古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： html t style id src 数据 使用 方法 el 时间 c html t style id src 数据 使用 方法 el 时间 c

相关文章

随机文章

您可能还喜欢

您可能还喜欢