Sunday, September 27, 2015

jQuery attribute value selectors

Suggested Videos
Part 5 - jQuery Element Selector
Part 6 - jQuery class selector
Part 7 - jQuery attribute selector



In this video we will discuss 
Attribute Equals Selector [name="value"]
Attribute Not Equal Selector [name!="value"]
Attribute Contains Selector [name*="value"]
Attribute Contains Word Selector [name~="value"]
Attribute Contains Prefix Selector [name|="value"]
Attribute Starts With Selector [name^="value"]
Attribute Ends With Selector [name$="value"]



This is continuation to Part 7, please watch Part 7 before proceeding.

Selects all elements that have title attribute value equal to div1Title
$('[title="div1Title"]'


Selects all elements that have title attribute value not equal to div1Title
$('[title!="div1Title"]'

Selects all elements that have title attribute value containing the given substring - Title
$('[title*="Title"]'

Selects all elements that have title attribute value containing the given word - mySpan, delimited by spaces
$('[title~="mySpan"]')

Selects all elements that have title attribute value equal to myTitle or starting with myTitle followed by a hyphen (-)
$('[title|="myTitle"]'

Selects all elements that have title attribute value starting with div
$('[title^="div"]')

Selects all elements that have title attribute value ending with Heading
$('[title$="Heading"]')

Selects all elements that have title attribute value equal to div1Title and sets 5px solid red border
<html>

If you are searching life partner. your searching end with kpmarriage.com. now kpmarriage.com offer free matrimonial website which offer free message, free chat, free view contact information. so register here : kpmarriage.com- Free matrimonial website