Detailed introduction to jQuery2 functions

DOM

                                                                                                                      ‐                                          ’ s ’s ’ s ’ s ’ s ’ s ’ s ’ s to t--css() ​ to get the specified style attribute Value Set attribute value Set multiple attribute values Attr Get the specified attribute value Set attribute value

Set multiple attribute values

Prop

Get the specified attribute value Set the attribute value propDifference

attr Used for custom attribute values ​​prop Comes with attributes

Delete attributes RemoveAttr() Control content html( ) No parameters are obtained,Get the content of the first matching element

                                                                                                                                                                                                      

## text()      

Without parameters, we get

,

Get the text content of the matching element

          With parameters It is to set the content , and set all matching elements

val () 　Without parameters, it is to get,

Get the matching elements The content of the first one

　　　　The parameter is to set the content , set all matching elements

cssstyle 　addClass()

Add attribute

　removeClass() Remove attribute name 　hasClass()

Determine whether Returns a Boolean value with a specified attribute name

toggleClass() Switch style

addClass attr() Difference

addClass will not change the original value, just add

directly at the end. attr() will reset and change the original value

$(“

”)

Create tag

Father-child relationship 　a.append( b)

b.appendTo(a) Add

b

to the end of

a

a.prepend(b)

b.prependTo(a)

Add

b

to

a The beginning of Brotherhood a.after(b) b.insertAfter(a)

put

b

is added to the back of a 　a.before(b)

b.insertBefore(a) Add b to the front of a

$(selector).remove() Delete

$(selector).empty() Empty

$( selector).clone() The default parameter isfalse Only copy the style if the parametertrue Copy function(Bound events) and style

a.replaceWith(b) Use b to replace a

Wrap method

　A.wrap(b)

A.wrapInner(b)

A.wrapAll(b)

.size() ==.length Return length

Object.index() To return the index value of the current element, it is best to pass in the parameter

　.toArray() Return the form of the array

mouseover Input move in

mouseenter Mouse move in does not support bubbling

mouseout

mouseleave mouse out does not support bubbling

mousedown mouse down

mouseup mouse up

mousemove Mouse movement

click Mouse click

dblclick Mouse double click

contextmenue Right mouse button

Form event

Change Change content

Focus Get focus event

Blur Lost focus event

Submit Submit event

Keydown Keyboard press

Keyup Keyboard lift

object. Event name()

　$(selector).click(function(){})

　$(selector).on(event.type,function(){})

　$(selector).bind(event.type,function(){})

Off() unbind() Event removal

Hover() Compound event

Hover(function(){

　　 Move into

　　},function(){

　　 Remove out

　})

Event Type event.type Event name

##Event source event.target Return the object that triggered the event

PageX pageY

Return x,yAxis coordinates

Event.preventDefault()

Prevent the default event

Event.stopPropagation ()

Prevent event bubbling

Event delegate

Delegate(childSelector,

Event name,function( ){})

On(

Event name, childSelector,function(){})

Event namespace

　$(“div”).on(“click.ss”,fn)

　$(“div”).off(“.ss”)

All animation methods can pass in two basic parameters

Time Milliseconds English words fast normal slow

200 400 600

Function Execute this function after the animation is completed

Hide() Hide

show() Show

Toggle() Toggle

fadeIn()

fadeOut()

fadeToggle()

fadeTo(Time, transparency, fn) will finally stay at the specified transparency

SlideDown() Show out

SlideUp() Hide and collect Take css as the positive direction downward or Up

SlideToggle() Switch

Custom animation

　Animate({"key:value"} ,Time,function(){})

Parameters value = 10 value +=10;

Animate( {“key:value”},Time,function(){}).Animate({“key:value”},Time, function(){})

　Stop();

The above is the detailed content of Detailed introduction to jQuery2 functions. For more information, please follow other related articles on the PHP Chinese website!