8. Apply methods to sets of DOM elements.

9. Builder model (chain method calls)

10. Extensible and there are tons of libraries

27. $(“#elmtID”); //Selecting elements by ID. ID must be unique.

28. $(“div.myClass”); //Selecting elements by class name.

29. $(‘input[name=myName]’); //Selecting elements by attribute.

32. $("#myElmtD"); // selects one HTML element with ID "myElement"

33. $(".myClass"); // selects HTML elements with class "myClass"

34. $("p#myElmtID"); // selects HTML paragraph element with ID "myElement"

36. $("input[type=text]"); // selects inputs that have specified type

37. $("a:first"); // selects the first anchor on the page

38. $("p:odd"); // selects all odd numbered paragraphs

40. $(":button"); // Selects any button elements (inputs or buttons)

41. $(":radio"); // Selects radio buttons

42. $(":checkbox"); // Selects checkboxes

43. $(":checked"); // Selects checkboxes or radio buttons that are selected

44. $(":header"); // Selects header elements (h1, h2, h3, etc.)

45. $(":disabled"); // Selects disabled form elements. (Enabled also there)

46. $(":img"); // Select inputs with type=“image”.

47. $(":file"); // Select inputs with type=“file”.

49. $(‘#id’) id of element.

50. $(‘p’) tag name.

51. $(‘.class’) CSS class

52. $(‘p.class’) <p> elements having the CSS class

53. $(‘p:first’) $(‘p:last’) $(‘p:odd’) $(‘p:even’)

54. $(‘p:eq(2)’) gets the 2nd <p> element (1 based)

55. $(‘p’)[1] gets the 2nd <p> element (0 based)

56. $(‘p:nth-child(3)) gets the 3rd <p> element of the parent. n=even, odd too.

57. $(‘p:nth-child(5n+1)’) gets the 1st element after every 5th one

58. $(‘p a’) <a> elements, descended from a <p>

59. $(‘p>a’) <a> elements, direct child of a <p>

60. $(‘p+a’) <a> elements, directly following a <p>

61. $(‘p, a’) <p> and <a> elements

62. $(‘li:has(ul)’) <li> elements that have at least one <ul> descendent

63. $(‘:not(p)’) all elements but <p> elements

64. $(‘p:hidden’) only <p> elements that are hidden

65. $(‘p:empty’) <p> elements that have no child elements

67. $(‘a’[href$=pdf]) //Select <a> elmt with an href attribute ending with pdf

70. $.each()

71. $.proxy() //Returns a function that will always run in the provided scope.

72. $.inArray() //Return a value’s index in an Array.

75. $('div:visible').parent();

76. $('input[name=first_name]').closest('form');

77. $('#myList').children();

80. Here $ is another character there is no special meaning for it.

81. It is a convention and not mandatory.

82. Once you stored in variable you can call jQuery method on it.

84. Setters affects all elements in a selection.

86. .size() number of elements in set

87. .end() reverts to the previous set

88. .get(n) get just the nth element (0 based)

89. .eq(n) get just the nth element (0 based) also .lt(n) & .gt(n)

90. .slice(n,m) gets only nth to (m-1)th elements

91. .not(‘p’) don’t include ‘p’ elements in set

92. .add(‘p’) add <p> elements to set

93. .remove() removes all the elements from the page DOM

94. .empty() removes the contents of all the elements

95. .filter(fn/sel) selects elements where the func returns true or sel

96. .find(selector) selects elements meeting the selector criteria

97. .parent() returns the parent of each element in set

98. .children() returns all the children of each element in set

99. .next() gets next element of each element in set

100. .prev() gets previous element of each element in set

102. $("div").removeClass("content"); // removes class "content" from all <div> elmts

105. $("#myElemt").css("color", "blue") // makes text color blue on element #myElemt

106. $("ul").css("border", "solid 1px #ccc") // adds a border to all lists

107. $(“h1").css(‘fontSize’, ‘100px’); // Setting an individual property.

112. $fn.attr(); //Get or set the value of the provided attribute.

113. $fn.val(); //Gets or sets the value of an form element.

114. $fn.width(); //Gets or sets the width in pixels of the first element in the // selection as an integer. Height is also there.

116. $fn.after(); //Places the element provided as an argument after the //selected element.

117. $fn.insertBefore();

118. $fn.before();

119. $fn.appendTo();

120. $fn.append();

121. $fn.prependTo();

127. focus,

128. hover,

129. keydown,

130. load,

131. mousemove,

132. resize,

133. scroll,

134. submit,

139. These event handlers, can’t be relied upon to run on any particular order.

140. When triggered, the event propagates from the top down(capture phase) or bottom up (bubble phase).

143. $(‘img’).toggle(click1, click2);

145. $(‘img’).toggle(click1, click2);

149. .submit(func)

150. .dblclick(func)

151. .mouseover(func)

152. .mouseout(func)

156. type //The type of event eg: “click”

157. which //The button or the key that was pressed.

158. data //Any data that was passed as second param of bind func.

159. target // The DOM element that initiated the event. Triggering elmt

160. target.id // Event triggering element ID.

161. currentTarget //

162. preventDefault() //Prevents the default action of event. Eg: following a link.

165. this.id

166. this.tagName

167. this.attr

168. this.src

169. this.classname

170. this.title

171. this.alt

173. .preventDefault() no <a> link, no <form> submit

174. .trigger(eventType) does not actually trigger the event, but calls the appropriate function specified as the one tied to the eventType

175. .click(), blur(), focus(), select(), submit()

177. .show()display:true

178. .toggle(func1, func2) first click calls func1, next click executes func2

191. The XMLHttpRequest method (XHR) allows browsers to communicate with the server without requiring a page reload.

192. jQuery provides Ajax support that abstracts away painful browser differences.

193. jQuery offers both a full-featured $.ajax() method, and simple convenience methods such as $.get(), $.getScript(), $.getJSON(), $.post(), and $().load().

194. Most of jQuery applications use XML and they transport data as plain HTML and JSON.

195. In general, Ajax does not work across domains.

197. GET requests may be cached by the browser.

200. html // To transport blocks of HTML to be placed on the page.

201. script // Adding new script to the page.

202. json // To transport JSON-formatted data.

203. jsonp // To transport JSON data from another domain.

207. Cache //Whether to use cached response if available. Default is true for all //data types except script and jsonp.

208. Complete //Function to run after completion of request for (success or failure).

209. Context //The scope which callback functions would run.

210. Data //Data to be sent to server, it can be object or query string.

211. dataType //Type of data expect from server. Not specified look for MIME type.

212. Error //If request fails this callback function will be called.

213. Jsonp // Callback name to send in a query string making a jsonp request.

214. Success // If request success this function will be executed.

215. Timeout //Time to wait in milliseconds before saying request is failed.

216. Traditional //Specify to set serialization style.

217. Type //Specify the request type GET, POST, PUT and DELETE.

219. $.post() //Performs a POST request to the provided URL.

221. url//Required. The URL for the request.

222. data //Optional. The data can be sent to server. It can be object //or query string (Eg: foo=bar&baz=bim)

223. scucesscallback//Optional. A callback routine need to run on succes