JQuery Selectors and Filters Tutorial Videos for Beginner

1
CATCH EXPERTS
https//www.catchexperts.com
http//www.courseing.com
2
JQuery Selectors and Filters Tutorial Videos for
Beginner by
3
Highlights

• Selectors Basics
• Filters Basics
• Types of Filters

4
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.

5
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.

6
Types of Filters

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

7
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.

8
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

9
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.

10
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!
11
Thank you
Thank You for Watching JQuery Selectors and
Filters Tutorial Videos for Beginner by
http//www.courseing.com