JQuery Selectors and Filters Tutorial Videos for Beginner - PowerPoint PPT Presentation

About This Presentation
Title:

JQuery Selectors and Filters Tutorial Videos for Beginner

Description:

Learn Jquery Selectors and filters tutorial which covers jquery selectors, filters basic points and various types of filters that jquery uses to take-out the particular elements – PowerPoint PPT presentation

Number of Views:64

less

Transcript and Presenter's Notes

Title: JQuery Selectors and Filters Tutorial Videos for Beginner


1
JQuery Selectors and Filters Tutorial Videos for
Beginner by
2
Highlights
  • Selectors Basics
  • Filters Basics
  • Types of Filters

3
Selectors Basics
  • Finds HTML elements based on their name, id,
    classes, types, attributes, values of attributes.
  • selectors are most important parts of the JQuery
    library.
  • Allows users to select and manipulate HTML
    elements.
  • Id, class, , this, p.intro, p first, ul
    lifirst, ul lifirst-child, href, button,
    treven, trodd are the various selectors of
    Jquery.
  • Class selector finds elements with a specific
    class and id uses id attribute to find elements.

4
Filters Basics
  • Returns elements that match a certain criteria.
  • Users can specify a criteria that match required
    elements.
  • Syntax (selector).filter(criteria,
    function(index))
  • Criteria Specifies selector expressions, function
    specifies a function to run for every element in
    the set.
  • By default criteria and functions are optional.
  • Should use comma symbol in order to specify more
    than one criteria.

5
Types of Filters
  • Jquery has five types of filters, they are as
    follows

6
Types of Filters
  • Attribute filters allows elements to be
    identified by their attributes.
  • Syntax ltelement_namegtltattribute_namegt
    ltoperatorgt ltvalue_to_matchgt
  • Attributes filter have many selectors. Some of
    them are Attribute Equals Selector, Attribute Not
    Equal Selector, Starts With Selector, Ends With
    Selector.
  • Hierarchy filters used to inherit the parent
    properties. Child selector, Descendant Selector,
    Next Adjacent Selector, Next Siblings Selector
    are the different types of hierarchy filters.

7
Types of Filters
  • Visibility filters used to select the HTML
    elements depending on visible or invisible
    properties.
  • Visibility filter maintains two selectors, they
    are visible selector and hidden selector.
  • Child filter maintains many properties to select
    particular child. Some of them are first-child
    Selector, first-of-type Selector, last-child
    Selector, nth-child() Selector, only-child
    Selector etc

8
Types of Filters
  • Content filter uses four properties to select the
    specific elements, they are contain(), empty,
    has(), parent selectors.
  • 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 have at
    least one child node.

9
Feedback
Like It ? Hate It?
We would love to hear from you whatever you think
about the course.
Click HERE to share what you think!
10
Thank you
Thank You for Watching JQuery Selectors and
Filters Tutorial Videos for Beginner by
http//www.courseing.com
Write a Comment
User Comments (0)
About PowerShow.com