SlideShare a Scribd company logo
1 of 5
Function                         Description


$(selector).hide()              Hide selected elements
$(selector).show()              Show selected elements
$(selector).toggle()            Toggle (between hide and show) selected elements
$(selector).slideDown()         Slide-down (show) selected elements
$(selector).slideUp()           Slide-up (hide) selected elements
$(selector).slideToggle()       Toggle slide-up and slide-down of selected elements
$(selector).fadeIn()            Fade in selected elements
$(selector).fadeOut()           Fade out selected elements
$(selector).fadeTo()            Fade out selected elements to a given opacity
$(selector).animate()           Run a custom animation on selected elements
$(selector).html(content)       Changes the (inner) HTML of selected elements
$(selector).append(content)     Appends content to the (inner) HTML of selected elements
$(selector).after(content)      Adds HTML after selected elements
$(selector).css(name)           Get the style property value of the first matched element
$(selector).css(name,value)     Set the value of one style property for matched elements
$(selector).css({properties})   Set multiple style properties for matched elements
$(selector).height(value)       Set the height of matched elements
$(selector).width(value)        Set the width of matched elements
Method                                        Description

bind()                                  Add one or more event handlers to matching
                                        elements
blur()                                  Triggers, or binds a function to the blur event of
                                        selected elements
change()                                Triggers, or binds a function to the change event
                                        of selected elements
click()                                 Triggers, or binds a function to the click event of
                                        selected elements
dblclick()                              Triggers, or binds a function to the dblclick
                                        event of selected elements
delegate()                              Add one or more event handlers to current, or
                                        future, specified child elements of the matching
                                        elements
die()                                   Remove all event handlers added with the live()
                                        function
error()                                 Triggers, or binds a function to the error event
                                        of selected elements
event.currentTarget                     The current DOM element within the event
                                        bubbling phase
event.data                              Contains the optional data passed to
                                        jQuery.fn.bind when the current executing
                                        handler was bound
event.isDefaultPrevented()              Returns whether event.preventDefault() was
                                        called for the event object
event.isImmediatePropagationStopped()   Returns whether
                                        event.stopImmediatePropagation() was called
                                        for the event object
event.isPropagationStopped()            Returns whether event.stopPropagation() was
                                        called for the event object
event.pageX                             The mouse position relative to the left edge of
                                        the document
event.pageY                             The mouse position relative to the top edge of
                                        the document
event.preventDefault()                  Prevents the default action of the event
event.relatedTarget                     The other DOM element involved in the event, if
                                        any
event.result                            This attribute contains the last value returned
                                        by an event handler that was triggered by this
                                        event, unless the value was undefined
event.stopImmediatePropagation()        Prevents other event handlers from being called
event.stopPropagation()                 Prevents the event from bubbling up the DOM
                                        tree, preventing any parent handlers from being
                                        notified of the event
event.target                              The DOM element that initiated the event
event.timeStamp                           This attribute returns the number of
                                          milliseconds since January 1, 1970, when the
                                          event is triggered
event.type                                Describes the nature of the event
event.which                               Which key or button was pressed for a key or
                                          button event
focus()                                   Triggers, or binds a function to the focus event of
                                          selected elements
focusin()                                 Binds a function to the focusin event of selected
                                          elements
focusout()                                Binds a function to the focusout event of selected
                                          elements
hover()                                   Binds one or two functions to the hover event of
                                          selected elements
keydown()                                 Triggers, or binds a function to the keydown
                                          event of selected elements
keypress()                                Triggers, or binds a function to the keypress
                                          event of selected elements
keyup()                                   Triggers, or binds a function to the keyup event
                                          of selected elements
live()                                    Add one or more event handlers to current, or
                                          future, matching elements
load()                                    Triggers, or binds a function to the load event of
                                          selected elements
mousedown()                               Triggers, or binds a function to the mouse down
                                          event of selected elements
mouseenter()                              Triggers, or binds a function to the mouse enter
                                          event of selected elements
mouseleave()                              Triggers, or binds a function to the mouse leave
                                          event of selected elements
mousemove()                               Triggers, or binds a function to the mouse move
                                          event of selected elements
mouseout()                                Triggers, or binds a function to the mouse out
                                          event of selected elements
mouseover()                               Triggers, or binds a function to the mouse over
                                          event of selected elements
mouseup()                                 Triggers, or binds a function to the mouse up
                                          event of selected elements
one()                                     Add one or more event handlers to matching
                                          elements. This handler can only be triggered
                                          once per element
ready()                                   Binds a function to the ready event of a
                                          document
(when an HTML document is ready to use)
resize()
                                          Triggers, or binds a function to the resize event
                                          of selected elements
scroll()           Triggers, or binds a function to the scroll event
                   of selected elements
select()           Triggers, or binds a function to the select event
                   of selected elements
submit()           Triggers, or binds a function to the submit event
                   of selected elements
toggle()           Binds two or more functions to the toggle
                   between for the click event for selected
                   elements
trigger()          Triggers all events bound to the selected
                   elements
triggerHandler()   Triggers all functions bound to a specified event
                   for the selected elements
unbind()           Remove an added event handler from selected
                   elements
undelegate()       Remove an event handler to selected elements,
                   now or in the future
unload()           Triggers, or binds a function to the unload event
                   of selected elements
J query

More Related Content

What's hot

Antenna Physical Characetristics
Antenna Physical CharacetristicsAntenna Physical Characetristics
Antenna Physical Characetristics
Assignmentpedia
 
Event handling63
Event handling63Event handling63
Event handling63
myrajendra
 

What's hot (19)

Creating Ext GWT Extensions and Components
Creating Ext GWT Extensions and ComponentsCreating Ext GWT Extensions and Components
Creating Ext GWT Extensions and Components
 
Event handling in Java(part 1)
Event handling in Java(part 1)Event handling in Java(part 1)
Event handling in Java(part 1)
 
AWTEventModel
AWTEventModelAWTEventModel
AWTEventModel
 
Event handling
Event handlingEvent handling
Event handling
 
tL20 event handling
tL20 event handlingtL20 event handling
tL20 event handling
 
Event handling in Java(part 2)
Event handling in Java(part 2)Event handling in Java(part 2)
Event handling in Java(part 2)
 
Antenna Physical Characetristics
Antenna Physical CharacetristicsAntenna Physical Characetristics
Antenna Physical Characetristics
 
Java Event Handling
Java Event HandlingJava Event Handling
Java Event Handling
 
Event handling63
Event handling63Event handling63
Event handling63
 
Jp notes
Jp notesJp notes
Jp notes
 
Unit-3 event handling
Unit-3 event handlingUnit-3 event handling
Unit-3 event handling
 
Ajp notes-chapter-03
Ajp notes-chapter-03Ajp notes-chapter-03
Ajp notes-chapter-03
 
Adding a action listener to button
Adding a action listener to buttonAdding a action listener to button
Adding a action listener to button
 
Web Design & Development - Session 6
Web Design & Development - Session 6Web Design & Development - Session 6
Web Design & Development - Session 6
 
Advance Java Programming (CM5I) 2.Swing
Advance Java Programming (CM5I) 2.SwingAdvance Java Programming (CM5I) 2.Swing
Advance Java Programming (CM5I) 2.Swing
 
011 more swings_adv
011 more swings_adv011 more swings_adv
011 more swings_adv
 
JAVA GUI PART III
JAVA GUI PART IIIJAVA GUI PART III
JAVA GUI PART III
 
Ejercicio sql server vs visual .net
Ejercicio sql server vs visual .netEjercicio sql server vs visual .net
Ejercicio sql server vs visual .net
 
Java gui event
Java gui eventJava gui event
Java gui event
 

Similar to J query

jQuery 1.7 Events
jQuery 1.7 EventsjQuery 1.7 Events
jQuery 1.7 Events
dmethvin
 
【第一季第二期】Dive into javascript event
【第一季第二期】Dive into javascript event【第一季第二期】Dive into javascript event
【第一季第二期】Dive into javascript event
tbosstraining
 

Similar to J query (20)

event handling new.ppt
event handling new.pptevent handling new.ppt
event handling new.ppt
 
Advanced Jquery
Advanced JqueryAdvanced Jquery
Advanced Jquery
 
jQuery
jQueryjQuery
jQuery
 
Events - Part 2
Events - Part 2Events - Part 2
Events - Part 2
 
jQuery 1.7 Events
jQuery 1.7 EventsjQuery 1.7 Events
jQuery 1.7 Events
 
Event handling
Event handlingEvent handling
Event handling
 
jquery examples
jquery examplesjquery examples
jquery examples
 
event-handling.pptx
event-handling.pptxevent-handling.pptx
event-handling.pptx
 
Events
EventsEvents
Events
 
J Query Presentation of David
J Query Presentation of DavidJ Query Presentation of David
J Query Presentation of David
 
engineeringdsgtnotesofunitfivesnists.ppt
engineeringdsgtnotesofunitfivesnists.pptengineeringdsgtnotesofunitfivesnists.ppt
engineeringdsgtnotesofunitfivesnists.ppt
 
【第一季第二期】Dive into javascript event
【第一季第二期】Dive into javascript event【第一季第二期】Dive into javascript event
【第一季第二期】Dive into javascript event
 
JQUERY EXAMPLE for Web Developer (Video Training Tutorial)
JQUERY EXAMPLE for Web Developer (Video Training Tutorial)JQUERY EXAMPLE for Web Developer (Video Training Tutorial)
JQUERY EXAMPLE for Web Developer (Video Training Tutorial)
 
Jquery Example PPT
Jquery Example PPTJquery Example PPT
Jquery Example PPT
 
Event handling
Event handlingEvent handling
Event handling
 
Lesson 07 Actions and Commands in WPF
Lesson 07 Actions and Commands in WPFLesson 07 Actions and Commands in WPF
Lesson 07 Actions and Commands in WPF
 
04 Data Access
04 Data Access04 Data Access
04 Data Access
 
OOP Lecture 11-EventHandling1.pptx
OOP Lecture 11-EventHandling1.pptxOOP Lecture 11-EventHandling1.pptx
OOP Lecture 11-EventHandling1.pptx
 
Event Handling in Java
Event Handling in JavaEvent Handling in Java
Event Handling in Java
 
Javascript #8 : événements
Javascript #8 : événementsJavascript #8 : événements
Javascript #8 : événements
 

Recently uploaded

FULL NIGHT — 9999894380 Call Girls In Dwarka Mor | Delhi
FULL NIGHT — 9999894380 Call Girls In Dwarka Mor | DelhiFULL NIGHT — 9999894380 Call Girls In Dwarka Mor | Delhi
FULL NIGHT — 9999894380 Call Girls In Dwarka Mor | Delhi
SaketCallGirlsCallUs
 
FULL NIGHT — 9999894380 Call Girls In Delhi | Delhi
FULL NIGHT — 9999894380 Call Girls In Delhi | DelhiFULL NIGHT — 9999894380 Call Girls In Delhi | Delhi
FULL NIGHT — 9999894380 Call Girls In Delhi | Delhi
SaketCallGirlsCallUs
 
FULL NIGHT — 9999894380 Call Girls In Ashok Vihar | Delhi
FULL NIGHT — 9999894380 Call Girls In Ashok Vihar | DelhiFULL NIGHT — 9999894380 Call Girls In Ashok Vihar | Delhi
FULL NIGHT — 9999894380 Call Girls In Ashok Vihar | Delhi
SaketCallGirlsCallUs
 
FULL NIGHT — 9999894380 Call Girls In Patel Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In Patel Nagar | DelhiFULL NIGHT — 9999894380 Call Girls In Patel Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In Patel Nagar | Delhi
SaketCallGirlsCallUs
 
FULL NIGHT — 9999894380 Call Girls In Mahipalpur | Delhi
FULL NIGHT — 9999894380 Call Girls In Mahipalpur | DelhiFULL NIGHT — 9999894380 Call Girls In Mahipalpur | Delhi
FULL NIGHT — 9999894380 Call Girls In Mahipalpur | Delhi
SaketCallGirlsCallUs
 
FULL NIGHT — 9999894380 Call Girls In Najafgarh | Delhi
FULL NIGHT — 9999894380 Call Girls In Najafgarh | DelhiFULL NIGHT — 9999894380 Call Girls In Najafgarh | Delhi
FULL NIGHT — 9999894380 Call Girls In Najafgarh | Delhi
SaketCallGirlsCallUs
 
Bobbie goods coloring book 81 pag_240127_163802.pdf
Bobbie goods coloring book 81 pag_240127_163802.pdfBobbie goods coloring book 81 pag_240127_163802.pdf
Bobbie goods coloring book 81 pag_240127_163802.pdf
MARIBEL442158
 
UAE Call Girls # 971526940039 # Independent Call Girls In Dubai # (UAE)
UAE Call Girls # 971526940039 # Independent Call Girls In Dubai # (UAE)UAE Call Girls # 971526940039 # Independent Call Girls In Dubai # (UAE)
UAE Call Girls # 971526940039 # Independent Call Girls In Dubai # (UAE)
Business Bay Call Girls || 0529877582 || Call Girls Service in Business Bay Dubai
 
Pakistani Bur Dubai Call Girls # +971528960100 # Pakistani Call Girls In Bur ...
Pakistani Bur Dubai Call Girls # +971528960100 # Pakistani Call Girls In Bur ...Pakistani Bur Dubai Call Girls # +971528960100 # Pakistani Call Girls In Bur ...
Pakistani Bur Dubai Call Girls # +971528960100 # Pakistani Call Girls In Bur ...
Business Bay Call Girls || 0529877582 || Call Girls Service in Business Bay Dubai
 
FULL NIGHT — 9999894380 Call Girls In Uttam Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In Uttam Nagar | DelhiFULL NIGHT — 9999894380 Call Girls In Uttam Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In Uttam Nagar | Delhi
SaketCallGirlsCallUs
 

Recently uploaded (20)

Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service AvailableCall Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
 
FULL NIGHT — 9999894380 Call Girls In Dwarka Mor | Delhi
FULL NIGHT — 9999894380 Call Girls In Dwarka Mor | DelhiFULL NIGHT — 9999894380 Call Girls In Dwarka Mor | Delhi
FULL NIGHT — 9999894380 Call Girls In Dwarka Mor | Delhi
 
(NEHA) Call Girls Mumbai Call Now 8250077686 Mumbai Escorts 24x7
(NEHA) Call Girls Mumbai Call Now 8250077686 Mumbai Escorts 24x7(NEHA) Call Girls Mumbai Call Now 8250077686 Mumbai Escorts 24x7
(NEHA) Call Girls Mumbai Call Now 8250077686 Mumbai Escorts 24x7
 
FULL NIGHT — 9999894380 Call Girls In Delhi | Delhi
FULL NIGHT — 9999894380 Call Girls In Delhi | DelhiFULL NIGHT — 9999894380 Call Girls In Delhi | Delhi
FULL NIGHT — 9999894380 Call Girls In Delhi | Delhi
 
Sirmaur Call Girls Book Now 8617697112 Top Class Pondicherry Escort Service A...
Sirmaur Call Girls Book Now 8617697112 Top Class Pondicherry Escort Service A...Sirmaur Call Girls Book Now 8617697112 Top Class Pondicherry Escort Service A...
Sirmaur Call Girls Book Now 8617697112 Top Class Pondicherry Escort Service A...
 
FULL NIGHT — 9999894380 Call Girls In Ashok Vihar | Delhi
FULL NIGHT — 9999894380 Call Girls In Ashok Vihar | DelhiFULL NIGHT — 9999894380 Call Girls In Ashok Vihar | Delhi
FULL NIGHT — 9999894380 Call Girls In Ashok Vihar | Delhi
 
Moradabad Call Girls - 📞 8617697112 🔝 Top Class Call Girls Service Available
Moradabad Call Girls - 📞 8617697112 🔝 Top Class Call Girls Service AvailableMoradabad Call Girls - 📞 8617697112 🔝 Top Class Call Girls Service Available
Moradabad Call Girls - 📞 8617697112 🔝 Top Class Call Girls Service Available
 
FULL NIGHT — 9999894380 Call Girls In Patel Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In Patel Nagar | DelhiFULL NIGHT — 9999894380 Call Girls In Patel Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In Patel Nagar | Delhi
 
Deconstructing Gendered Language; Feminist World-Making 2024
Deconstructing Gendered Language; Feminist World-Making 2024Deconstructing Gendered Language; Feminist World-Making 2024
Deconstructing Gendered Language; Feminist World-Making 2024
 
FULL NIGHT — 9999894380 Call Girls In Mahipalpur | Delhi
FULL NIGHT — 9999894380 Call Girls In Mahipalpur | DelhiFULL NIGHT — 9999894380 Call Girls In Mahipalpur | Delhi
FULL NIGHT — 9999894380 Call Girls In Mahipalpur | Delhi
 
AaliyahBell_themist_v01.pdf .
AaliyahBell_themist_v01.pdf             .AaliyahBell_themist_v01.pdf             .
AaliyahBell_themist_v01.pdf .
 
Editorial sephora annual report design project
Editorial sephora annual report design projectEditorial sephora annual report design project
Editorial sephora annual report design project
 
FULL NIGHT — 9999894380 Call Girls In Najafgarh | Delhi
FULL NIGHT — 9999894380 Call Girls In Najafgarh | DelhiFULL NIGHT — 9999894380 Call Girls In Najafgarh | Delhi
FULL NIGHT — 9999894380 Call Girls In Najafgarh | Delhi
 
Bobbie goods coloring book 81 pag_240127_163802.pdf
Bobbie goods coloring book 81 pag_240127_163802.pdfBobbie goods coloring book 81 pag_240127_163802.pdf
Bobbie goods coloring book 81 pag_240127_163802.pdf
 
Storyboard short: Ferrarius Tries to Sing
Storyboard short: Ferrarius Tries to SingStoryboard short: Ferrarius Tries to Sing
Storyboard short: Ferrarius Tries to Sing
 
Akbar Religious Policy and Sufism comparison.pptx
Akbar Religious Policy and Sufism comparison.pptxAkbar Religious Policy and Sufism comparison.pptx
Akbar Religious Policy and Sufism comparison.pptx
 
UAE Call Girls # 971526940039 # Independent Call Girls In Dubai # (UAE)
UAE Call Girls # 971526940039 # Independent Call Girls In Dubai # (UAE)UAE Call Girls # 971526940039 # Independent Call Girls In Dubai # (UAE)
UAE Call Girls # 971526940039 # Independent Call Girls In Dubai # (UAE)
 
Pakistani Bur Dubai Call Girls # +971528960100 # Pakistani Call Girls In Bur ...
Pakistani Bur Dubai Call Girls # +971528960100 # Pakistani Call Girls In Bur ...Pakistani Bur Dubai Call Girls # +971528960100 # Pakistani Call Girls In Bur ...
Pakistani Bur Dubai Call Girls # +971528960100 # Pakistani Call Girls In Bur ...
 
FULL NIGHT — 9999894380 Call Girls In Uttam Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In Uttam Nagar | DelhiFULL NIGHT — 9999894380 Call Girls In Uttam Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In Uttam Nagar | Delhi
 
GENUINE EscoRtS,Call Girls IN South Delhi Locanto TM''| +91-8377087607
GENUINE EscoRtS,Call Girls IN South Delhi Locanto TM''| +91-8377087607GENUINE EscoRtS,Call Girls IN South Delhi Locanto TM''| +91-8377087607
GENUINE EscoRtS,Call Girls IN South Delhi Locanto TM''| +91-8377087607
 

J query

  • 1. Function Description $(selector).hide() Hide selected elements $(selector).show() Show selected elements $(selector).toggle() Toggle (between hide and show) selected elements $(selector).slideDown() Slide-down (show) selected elements $(selector).slideUp() Slide-up (hide) selected elements $(selector).slideToggle() Toggle slide-up and slide-down of selected elements $(selector).fadeIn() Fade in selected elements $(selector).fadeOut() Fade out selected elements $(selector).fadeTo() Fade out selected elements to a given opacity $(selector).animate() Run a custom animation on selected elements $(selector).html(content) Changes the (inner) HTML of selected elements $(selector).append(content) Appends content to the (inner) HTML of selected elements $(selector).after(content) Adds HTML after selected elements $(selector).css(name) Get the style property value of the first matched element $(selector).css(name,value) Set the value of one style property for matched elements $(selector).css({properties}) Set multiple style properties for matched elements $(selector).height(value) Set the height of matched elements $(selector).width(value) Set the width of matched elements
  • 2. Method Description bind() Add one or more event handlers to matching elements blur() Triggers, or binds a function to the blur event of selected elements change() Triggers, or binds a function to the change event of selected elements click() Triggers, or binds a function to the click event of selected elements dblclick() Triggers, or binds a function to the dblclick event of selected elements delegate() Add one or more event handlers to current, or future, specified child elements of the matching elements die() Remove all event handlers added with the live() function error() Triggers, or binds a function to the error event of selected elements event.currentTarget The current DOM element within the event bubbling phase event.data Contains the optional data passed to jQuery.fn.bind when the current executing handler was bound event.isDefaultPrevented() Returns whether event.preventDefault() was called for the event object event.isImmediatePropagationStopped() Returns whether event.stopImmediatePropagation() was called for the event object event.isPropagationStopped() Returns whether event.stopPropagation() was called for the event object event.pageX The mouse position relative to the left edge of the document event.pageY The mouse position relative to the top edge of the document event.preventDefault() Prevents the default action of the event event.relatedTarget The other DOM element involved in the event, if any event.result This attribute contains the last value returned by an event handler that was triggered by this event, unless the value was undefined event.stopImmediatePropagation() Prevents other event handlers from being called event.stopPropagation() Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event
  • 3. event.target The DOM element that initiated the event event.timeStamp This attribute returns the number of milliseconds since January 1, 1970, when the event is triggered event.type Describes the nature of the event event.which Which key or button was pressed for a key or button event focus() Triggers, or binds a function to the focus event of selected elements focusin() Binds a function to the focusin event of selected elements focusout() Binds a function to the focusout event of selected elements hover() Binds one or two functions to the hover event of selected elements keydown() Triggers, or binds a function to the keydown event of selected elements keypress() Triggers, or binds a function to the keypress event of selected elements keyup() Triggers, or binds a function to the keyup event of selected elements live() Add one or more event handlers to current, or future, matching elements load() Triggers, or binds a function to the load event of selected elements mousedown() Triggers, or binds a function to the mouse down event of selected elements mouseenter() Triggers, or binds a function to the mouse enter event of selected elements mouseleave() Triggers, or binds a function to the mouse leave event of selected elements mousemove() Triggers, or binds a function to the mouse move event of selected elements mouseout() Triggers, or binds a function to the mouse out event of selected elements mouseover() Triggers, or binds a function to the mouse over event of selected elements mouseup() Triggers, or binds a function to the mouse up event of selected elements one() Add one or more event handlers to matching elements. This handler can only be triggered once per element ready() Binds a function to the ready event of a document (when an HTML document is ready to use) resize() Triggers, or binds a function to the resize event of selected elements
  • 4. scroll() Triggers, or binds a function to the scroll event of selected elements select() Triggers, or binds a function to the select event of selected elements submit() Triggers, or binds a function to the submit event of selected elements toggle() Binds two or more functions to the toggle between for the click event for selected elements trigger() Triggers all events bound to the selected elements triggerHandler() Triggers all functions bound to a specified event for the selected elements unbind() Remove an added event handler from selected elements undelegate() Remove an event handler to selected elements, now or in the future unload() Triggers, or binds a function to the unload event of selected elements