Basics of j query

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

2. AgendajQuery Basics

3. Plugins

4. Advanced jQueryjQueryBasics…$$(CSS Selector)

5. $(HTML)

6. $(DOM element)jQueryBasics…Demo

7. jQueryBasics…$$(something).action();jQueryBasics…$:Basic actions

8. jQueryBasics…$:Traversal.not(expression)

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)

23. eq(index)jQueryBasics…$:Traversal.end()jQueryBasics…Demo

24. jQueryBasics…$:Manipulation.html(val)

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()

37. .remove(expression)jQueryBasics…Demo

38. jQueryBasics…Selectors:odd

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

53. :evenjQueryBasics…Demo

54. jQueryBasics…$:Attributes & CSS.val(val)

55. .css(name,value)

56. css(properties)

57. .addClass(class)

58. .removeClass(class)

59. .attr(name,value)

60. .attr(name,function)

61. .attr(properties)

62. .removeAttr(name)jQueryBasics…Demo

63. jQueryBasics…$:Just a few more .height()

64. .width()

65. .is(expression)

66. .hasClass(class)

67. .offset()

68. .html()

69. .text()

70. .val()

71. .attr(name)

72. .css(name)Demo

73. jQueryBasics…ChainingSpeed + Not much code + pretty code + Fun

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

75. jQuery Basics…BindingsHow to respond to user interaction

76. jQuery Basics…Eventsclick

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

91. readyjQueryBasics…Demo

92. jQueryBasics…Effects$(expression).function();

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

94. $(expression).function(speed,callback);jQuery Basics…Effectsshow

95. hide

96. toggle

97. slideUp

98. slideDown

99. slideToggle

100. fadeIn

101. fadeOut

102. fadeTo

103. scroll

104. resize

105. load

106. readyjQueryBasics…Demo

107. jQueryBasics…Advanced animationsIf you need that little extra something

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

109. jQueryBasics…Demo

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

111. jQueryBasics…AJAX$(CSS Selector).load(url, data, callback);

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

113. $.get(url, data, callback)jQueryBasics…$.ajax - optionsdata

114. type

115. urljQueryBasics…AJAX events (global)$(CSS selector).bind(‘globalAjaxEvent’,…);

116. jQuery Basics…ajaxStart

117. ajaxSend

118. ajaxSuccess

119. ajaxErrorAJAX events (global)

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

121. jQueryBasics…AJAX events (local)beforeSend

122. success

123. error

124. completejQueryBasics…Demo

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

126. Plugins…How to build PluginsExtend jQuery.fn

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

128. $( … ).myPlugin();Plugins…The magical plugin helper .each(function)

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

130. AdvancedjQueryAdvanced jQueryNow 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

132. AdvancedjQuery…Advanced Scripting$.getScript(url, callback)

133. $.getJSON(url, data, callback)Resourceshttp://jquery.com/

134. http://visualjquery.com/

135. Book: jQueryin Action ThankYouroopkt@gmail.com

136. Tweeter: @roopkt

137. http://Rupesht.wordpress.com

Basics of j query

More Related Content

What's hot (20)

Similar to Basics of j query (20)

More from Rupesh Kumar Tiwari (20)

Recently uploaded (20)

Basics of j query