This document outlines the basics of jQuery, including: - Using jQuery selectors to select DOM elements - Common jQuery actions like traversing, manipulating, and styling elements - Binding events and creating effects like showing/hiding elements - Advanced features like animations, AJAX requests, and building plugins - Resources for learning more about jQuery programming

1. Rupesh Kumar Tiwari June, 2011 Basics of JQueryThe write less, do more JavaScript library

3. Plugins

5. $(HTML)

9. .add(expression)

10. .next()

11. .nextAll()

12. .prev()

13. .prevAll()

14. .slice(start,end)

15. .siblings()

16. .children()

17. .children(expression)

18. .parent()

19. .parent(expression)

20. .find(expression)

21. .filter(expression)

22. .filter(function)

25. .text(val)

26. .append(content)

27. .appendTo(expression)

28. .appendTo(jQuery object)

29. .prepend(content)

30. .prependTo(expression)

31. .prependTo(jQuery object)

32. .after(content)

33. .before(content)

34. .wrap(html)

35. .empty()

36. .remove()

39. :contains(text)

40. :empty

41. :hidden

42. :vissible

43. [attribute]

44. [attribute=value]

45. [attribute!=value]

46. #id

47. .class

48. .elementType

49. :first

50. :last

51. :not(expression)

52. .parent > child

55. .css(name,value)

56. css(properties)

57. .addClass(class)

58. .removeClass(class)

59. .attr(name,value)

60. .attr(name,function)

61. .attr(properties)

64. .width()

65. .is(expression)

66. .hasClass(class)

67. .offset()

68. .html()

69. .text()

70. .val()

71. .attr(name)

73. jQueryBasics… Chaining Speed + Not much code + pretty code + Fun

74. jQueryBasics… Attaching multiple functions to a single selector $(CSS Selector).action1().action2();

75. jQuery Basics… Bindings How to respond to user interaction

77. mouseover

78. mouseout

79. mouseenter

80. mouseleave

81. blur

82. change

83. dblclick

84. focus

85. keydown

86. keyup

87. keypress

88. scroll

89. resize

90. load

93. $(expression).function(speed);

95. hide

96. toggle

97. slideUp

98. slideDown

99. slideToggle

100. fadeIn

101. fadeOut

102. fadeTo

103. scroll

104. resize

105. load

107. jQueryBasics… Advanced animations If you need that little extra something

108. jQueryBasics… .animate(params,duration,easing,callback)

109. jQueryBasics… Demo

110. jQueryBasics… AJAX Want to be buzzword compliant, don’t you?

112. $.post(url, data, callback);

114. type

117. ajaxSend

118. ajaxSuccess

119. ajaxErrorAJAX events (global)

120. jQueryBasics… AJAX events (local) $.ajax({ enventName:function(){ … } });

122. success

123. error

125. Plugins Plugins If you think jQuery should do more, this part is for you

127. jQuery.fn.myPlugin = function(){ … };

129. Plugins… The typical plugin jQuery.fn.myPlugin = function () { return $(this).each(function(){ //Do stuff with $(this) here }); }

130. AdvancedjQuery Advanced jQuery Now have I left you wondering how all this near stuff works? Sorry for leaving you hanging – I’ll answer that right now..

131. AdvancedjQuery… The Stack

134. http://visualjquery.com/

136. Tweeter: @roopkt

137. http://Rupesht.wordpress.com