JQuery11.5

事件

focus事件（鼠标聚焦事件）：当元素获得焦点时，触发focus事件

blur事件（鼠标失焦事件）：当元素失去焦点时，触发blur事件

change事件：当匹配的元素值发生改变时触发change事件

click事件与dblclick事件：（单击和双击事件）：单击或双击匹配元素时触发click事件和dblclick事件

mouseover事件与mouseout事件：鼠标移入元素上方或者移出时触发的事件

 

事件处理

<input type="text" class="txt">

on()：可以绑定多个事件的处理函数；

$("#text").on("click dblclick",function(){
　　　　console.log(1)
})

单击或双击都可以输出1。

 

<ul>
<li>列表1</li>
</ul>

内部插入（向元素内部添加——子节点）

——向匹配元素内部的头部添加元素

$("ul").prepend("<li>列表 prepend</li>")

结果：

<ul>
<li>列表1</li>
<li>列表 prepend</li>
</ul>

——向匹配元素内部的尾部添加元素

$("ul").append("<li>列表 append</li>")

结果：

<ul>
<li>列表1</li>
<li>列表 append</li>
</ul>

 

外部插入（向元素外部添加——兄弟节点）

——向匹配元素的之前添加内容

$("ul").before("<h3>h3 before</h3>")

结果：

<h3>h3 before</h3>
<ul>
<li>列表1</li>
</ul>

——向匹配元素的之后添加内容

$("ul").after("<h3>h3 after</h3>")

结果：

<ul>
<li>列表1</li>
</ul>
<h3>h3 after</h3>

 

<div>
<p>Hello<span>这是span</span></p>
</div>

删除

empty()——删除匹配的元素集合中的内容及其子节点

结果

<div>
<p></p>
</div>

remove()——删除匹配的元素集合中的内容及其本身

结果

<div>

</div>