Children

3 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€85.54
List Price:  €119.76
You save:  €34.22
£74.07
List Price:  £103.71
You save:  £29.63
CA$136.98
List Price:  CA$191.77
You save:  CA$54.79
A$151.99
List Price:  A$212.79
You save:  A$60.80
S$128.05
List Price:  S$179.28
You save:  S$51.22
HK$784.89
List Price:  HK$1,098.88
You save:  HK$313.99
CHF 79.61
List Price:  CHF 111.46
You save:  CHF 31.84
NOK kr1,012.69
List Price:  NOK kr1,417.81
You save:  NOK kr405.12
DKK kr637.93
List Price:  DKK kr893.13
You save:  DKK kr255.20
NZ$166.37
List Price:  NZ$232.92
You save:  NZ$66.55
د.إ367.26
List Price:  د.إ514.18
You save:  د.إ146.92
৳12,155.75
List Price:  ৳17,018.53
You save:  ৳4,862.78
₹8,582.32
List Price:  ₹12,015.60
You save:  ₹3,433.27
RM425.20
List Price:  RM595.30
You save:  RM170.10
₦152,836.71
List Price:  ₦213,977.51
You save:  ₦61,140.80
₨28,434.65
List Price:  ₨39,809.65
You save:  ₨11,375
฿3,244.17
List Price:  ฿4,541.96
You save:  ฿1,297.79
₺4,016.46
List Price:  ₺5,623.20
You save:  ₺1,606.74
B$555.95
List Price:  B$778.35
You save:  B$222.40
R1,792.06
List Price:  R2,508.95
You save:  R716.89
Лв167.31
List Price:  Лв234.24
You save:  Лв66.93
₩137,902.20
List Price:  ₩193,068.60
You save:  ₩55,166.40
₪333.07
List Price:  ₪466.32
You save:  ₪133.24
₱5,648.28
List Price:  ₱7,907.82
You save:  ₱2,259.53
¥14,737.62
List Price:  ¥20,633.26
You save:  ¥5,895.64
MX$1,863.83
List Price:  MX$2,609.44
You save:  MX$745.60
QR364.02
List Price:  QR509.64
You save:  QR145.62
P1,334.67
List Price:  P1,868.59
You save:  P533.92
KSh12,948.70
List Price:  KSh18,128.70
You save:  KSh5,180
E£4,948.92
List Price:  E£6,928.69
You save:  E£1,979.76
ብር13,688.63
List Price:  ብር19,164.63
You save:  ብር5,476
Kz91,690.83
List Price:  Kz128,370.83
You save:  Kz36,680
CLP$95,713.42
List Price:  CLP$134,002.62
You save:  CLP$38,289.20
CN¥716.78
List Price:  CN¥1,003.52
You save:  CN¥286.74
RD$6,029.39
List Price:  RD$8,441.39
You save:  RD$2,412
DA12,974.97
List Price:  DA18,165.48
You save:  DA5,190.50
FJ$224.34
List Price:  FJ$314.09
You save:  FJ$89.74
Q767.92
List Price:  Q1,075.11
You save:  Q307.19
GY$20,914.76
List Price:  GY$29,281.51
You save:  GY$8,366.74
ISK kr12,179.78
List Price:  ISK kr17,052.18
You save:  ISK kr4,872.40
DH900.15
List Price:  DH1,260.25
You save:  DH360.10
L1,687.60
List Price:  L2,362.71
You save:  L675.10
ден5,265.96
List Price:  ден7,372.56
You save:  ден2,106.59
MOP$808.30
List Price:  MOP$1,131.65
You save:  MOP$323.35
N$1,772.82
List Price:  N$2,482.02
You save:  N$709.20
C$3,674.63
List Price:  C$5,144.63
You save:  C$1,470
रु13,711.85
List Price:  रु19,197.15
You save:  रु5,485.29
S/354.61
List Price:  S/496.47
You save:  S/141.86
K412.45
List Price:  K577.45
You save:  K165
SAR375.01
List Price:  SAR525.03
You save:  SAR150.02
ZK2,343.77
List Price:  ZK3,281.37
You save:  ZK937.60
L434.63
List Price:  L608.50
You save:  L173.87
Kč2,109.72
List Price:  Kč2,953.70
You save:  Kč843.97
Ft34,185.58
List Price:  Ft47,861.18
You save:  Ft13,675.60
SEK kr955.94
List Price:  SEK kr1,338.36
You save:  SEK kr382.41
ARS$126,192.13
List Price:  ARS$176,674.04
You save:  ARS$50,481.90
Bs692.26
List Price:  Bs969.19
You save:  Bs276.93
COP$401,297.58
List Price:  COP$561,832.67
You save:  COP$160,535.08
₡50,416.70
List Price:  ₡70,585.39
You save:  ₡20,168.69
L2,634.73
List Price:  L3,688.73
You save:  L1,054
₲774,763.12
List Price:  ₲1,084,699.36
You save:  ₲309,936.24
$U4,064.43
List Price:  $U5,690.36
You save:  $U1,625.93
zł364.86
List Price:  zł510.83
You save:  zł145.96
Already have an account? Log In

Transcript

Hello, in this jQuery video, I am going to show you how to select children in your selectors or how to only select Child Elements. And if we go to our code right here, what I'm going to do is actually get rid of this. I'm going to pick something and what I want to do is for every span, inside of the div, only immediate spans, I want to you know, I want to change the color. So I'm going to say dot CSS. And I'm gonna say color is red. Okay, so that's cool.

And I need to now apply the selector. So to do this, you put debt which is the parent, greater than, and then the element the child element. So this could be an ID, this could be a class, it could be any other sort of select assign with this. So this just say for all spans that are immediately within any days, apply this CSS color for the node, we get everything as red. Okay, sorry. Let me put this here.

And there will be blood with every spans that are within this within a div. And as you can see, this is within a div as well. So we don't want to actually do that. So what we want to actually do maybe if I change this to a p tag, they no longer before reload. As you can see, this is no longer read span isn't because it's within a p tag immediately within a pita, even though that's the day it needs to be a direct child of it and he applies to this affect children. Another thing that you can do, where you just affect all children of a particular element.

So what I'm going to say is all children have the diff of the of a did. You just have to specify the parent element. And that could be again a selector based on ID class. First ID, you know, anything like that. It doesn't really matter. I don't think dot CSS is the font size to 20 pixels.

Again, I don't know 20 pixels, reload, see what we hear. So this has applied to every single child inside of it. And the reason is supplied it to this as well, is because it's applied to the paragraph. Tag, and that is the parent of this. Therefore, unless this has its own style, it will get applied to it as well. So that's how you apply any sort of, you know, it doesn't have to be CSS code, nothing you do something to or select any sort of children, just based on the parent element or children doesn't matter.

It doesn't matter the type. But if you want to do it based on, you know, a child and then any immediate children, this is how you do it. That's how you select children within jQuery. Thank you for watching, and I look forward to seeing you in the next video.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.