explained jquery in details and jquery selectors

1. Presentation by Anand

3. It greatly simplifies JavaScript programming.

4. Free open source software, dual-licensed under the MIT License and the GNU. JQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plugins on top of the JavaScript library. Using these facilities, developers are able to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. This contributes to the creation of powerful and dynamic web pages.

6. DOM traversal and modification.

7. Events

8. CSS manipulation

9. Effects and animations

10. Ajax

11. Extensibility through plug-ins

12. Utilities - such as browser version and the each function.

14. Released v1.0 on November 26th, 2006

15. Maintained as an Open Source software (dual licensed under MIT and GNU GPL)

16. Microsoft planning to integrate into Microsoft Visual Web Developer

17. Nokia planning to integrate into Web Run-Time widget development platform

22. Has properties of the DOM element, like text, html, tags

23. Can be used to manipulate the DOM directly

25. Use it to access any part of the DOM

26. Search by CSS to get the element.

28. ATTRIBUTES

29. TRAVERSING

30. MANUPULATION

31. CSS

32. EVENTS

33. AJAX

34. UTILITIES

35. JQUERY CORE

37. Heirarchy

38. Basic Filter

39. Content Filter

40. Attribute

41. Child Filter

42. Visibility Filter

44. Class Selector(“.class”) : matches all elements with the given class name

45. Element Selector(“element”): selects all elements with the given tag name

46. ID Selector(“#id”): Selects a single element with the given id attribute

48. Basic Filter :animated Selector : Select all elements that are in the progress of an animation at the time the selector is run. :eq() Selector: Select the element at index n within the matched set. :even Selector: Selects even elements, zero-indexed. :first Selector: Selects the first matched element. :gt() Selector: Select all elements at an index greater than index within the matched set.

49. Content Filter :contains() Selector: Select all elements that contain the specified text. :empty Selector: Select all elements that have no children (including text nodes). :has() Selector: Selects elements which contain at least one element that matches the specified selector. :parent Selector: Select all elements that are the parent of another element, including text nodes.

50. Attribute [name|=value]: Selects elements that have the specified attribute with a value either equal to a given string or starting with that string followed by hyphen (-). [name*="value"]: Selects elements that have the specified attribute with a value containing the given substring. [name~="value"]: Selects elements that have the specified attribute with a value containing a given word, delimited by spaces. [name$="value"]: Selects elements that have the specified attribute with a value ending exactly with a given string. The comparison is case sensitive.

51. Attribute [name="value"]: Selects elements that have the specified attribute with a value exactly equal to a certain value. [name!="value"]: Select elements that either don't have the specified attribute, or do have the specified attribute but not with a certain value. [name^="value"]: Selects elements that have the specified attribute with a value beginning exactly with a given string. [name]: Selects elements that have the specified attribute, with any value. [name="value"][name2="value2"]: Matches elements that match all of the specified attribute filters.

52. Child Filter :first-child Selector: Selects all elements that are the first child of their parent. :last-child Selector: Selects all elements that are the last child of their parent. :nth-child() Selector: Selects all elements that are the nth-child of their parent. :only-child Selector: Selects all elements that are the only child of their parent.

53. Visibility Filter :hidden Selector: Selects all elements that are hidden. :visible Selector: Selects all elements that are visible.

54. Form :button Selector: Selects all button elements and elements of type button. :checkbox Selector: Selects all elements of type checkbox. :checked Selector: Matches all elements that are checked.(radio buttons and checkboxes) :disabled Selector: Selects all elements that are disabled. :enabled Selector: Selects all elements that are enabled.

55. Form :file Selector: Selects all elements of type file. :image Selector: Selects all elements of type image. :input Selector: Selects all input, textarea, select and button elements. :password Selector: Selects all elements of type password. :radio Selector: Selects all elements of type radio.

56. Form :selected Selector: Selects all elements that are selected. :submit Selector: Selects all elements of type submit. :text Selector: Selects all elements of type text.

57. Queries? THANK YOU