JQuery常用API整理

mouseover与mouseenter

不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。
只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。

mouseout与mouseleave

不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。
只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。
demo演示:http://output.jsbin.com/vakowipuke

append与appendTo (仍然在内部)

  • append 向每个匹配的元素内部追加内容。
    $("div").append("

    " + hello + "

    ") 将p标签加入页面div后面
  • appendTo 把所有匹配的元素追加到另一个指定的元素元素集合中。
    $("

    " + hello + "

    ").appendTo("div")
    结果:
    加在我后面

    hello

prepend与prependTo (仍然在内部)

  • prepend 向每个匹配的元素内部前置内容。
    $("div").prepend( "

    " + hello + "

    " ) 将p标签加入页面div前面
  • 把所有匹配的元素前置到另一个、指定的元素元素集合中。
    $("

    " + hello + "

    ").prependTo("div")
    结果:

    hello

    加在我后面

after与insertAfter (在外部) / before与insertBefore

  • 在每个匹配的元素之后插入内容。
    $("div").after( "

    " + hello + "

    " )
  • 把所有匹配的元素插入到另一个、指定的元素元素集合的后面。
    $("

    " + hello + "

    ").after( "div" )
    结果:
    加在我后面

    hello

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

你可能感兴趣的:(JQuery常用API整理)