《学习日记》jquery/2015/9/22

jquery

插入节点方法

append     追加到匹配元素《内的》的节点的后面  html:<p>Kwoon</p>      $("p").append("<p>你好</p>")     --->    <p>Kwoon <p>你好</p></p> 

appendTo 颠倒 $("<p>你好</p>").appendTo($("p"))  将元素插入到p元素之后

prepend  向每个匹配元素前置内容

prependTo 颠倒

insertAfter（A） 在后插入

insertBefore（A） 在A前插入

删除节点

remove:删除节点，但是可以用变量保存这个节点所指向的JQuery对象，以后可以继续使用。例如var $a = $("p>p").remove(); ($a).appendTo("p"),一样可以使用。

detach:删除节点，通remove一样，但是这个节点绑定的事件和附加数据都会保存下来。而remove则不会，例如$a有个点击事件，detach之后监听还在，只要添加回对象就行了，而remove则已经不存在这个监听事件了。

empty:清空节点的所有子节点，保存节点本身，例如$("p").empty();p本身的节点还存在，html:<p></p>只是他之间的内容都没了。

包裹节点：

$("p").wrap($("<b></b>")):<b><p></p></b>

wrapAll(A):将所有匹配到的元素用一个A包裹起来

wrapInner(A):将匹配到的元素的子节点用A包裹起来

删除属性

removeAttr()

样式：

addClass();增加样式

removeClass():删除样式

toggleClass():切换样式：如果有就删除，没有就增加

haveClss():用来判断是否有这个Class

读取或者《修改》元素内的HTML方法：

html([html]):

text([text]);获取或修改文本

val([value]);获取或修改value值

焦点：

focus(function(){}):得到焦点执行方法

blur():失去焦点执行方法

绑定事件：

.on(childSelector,event,data,function(){})  

（selector）.delegate（event,childSelector,data,function(){}）

以上两个方法都是绑定为当前的元素或者将来《子元素》绑定事件。而且可以绑定多事件，多元素，现在提倡使用.on()；

filter(Selector)：用于在JQuery的集合对象中筛选出相应的对象。

fadeOut(time)：用淡出效果来隐藏元素。

fadeIn(time)：用淡进效果来显示元素。

hover(function,function):鼠标没有悬停和有悬停时执行的函数

setInterval(function,time):和setTimeout效果一样，但是setTimeout只执行一次，而setInterval执行多次。

clearInterval(function):消除setInterval方法