mouseover与mouseenter
不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。
只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。
mouseout与mouseleave
不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。
只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。
demo演示:http://output.jsbin.com/vakowipuke
append与appendTo (仍然在内部)
- append 向每个匹配的元素内部追加内容。
$("div").append("<p>" + hello + "</p>") 将p标签加入页面div后面- appendTo 把所有匹配的元素追加到另一个指定的元素元素集合中。
$("<p>" + hello + "</p>").appendTo("div")
结果:<div>加在我后面<p>hello</p></div>
prepend与prependTo (仍然在内部)
- prepend 向每个匹配的元素内部前置内容。
$("div").prepend( "<p>" + hello + "</p>" ) 将p标签加入页面div前面- 把所有匹配的元素前置到另一个、指定的元素元素集合中。
$("<p>" + hello + "</p>").prependTo("div")
结果:<div><p>hello</p>加在我后面</div>
after与insertAfter (在外部) / before与insertBefore
- 在每个匹配的元素之后插入内容。
$("div").after( "<p>" + hello + "</p>" )- 把所有匹配的元素插入到另一个、指定的元素元素集合的后面。
$("<p>" + hello + "</p>").after( "div" )
结果:<div>加在我后面</div><p>hello</p>
parent与parents
- parent 取得当前元素的父元素(唯一)。
- parents 当前元素的祖先元素不包含根元素(不是唯一)。
demo演示:http://jsbin.com/hepicuyuna/edit?html,output
prev与prevAll (前面) / next与nextAll (后面)
- prev 取得一个包含匹配的元素集合中每一个元素紧邻的 前一个 同辈元素的元素集合。
- prevAll 查找当前元素之前所有的同辈元素。
demo演示:http://jsbin.com/kobebiqodi/edit?html,output
width与innerWidth与outerWidth
- width 取得第一个匹配元素当前计算的宽度值。即(width)
- innerWidth 获取第一个匹配元素内部区域宽度(包括补白、不包括边框)。即(width+padding)
- outerWidth获取第一个匹配元素外部宽度(默认包括补白和边框)。即(width+padding+border)
- outerWidth(true)参数为true时。即(width+padding+border+margin)
demo演示:http://jsbin.com/decufodesa/1/edit?html,output