Modifying CSS Quiz - Intro to jQueryYouTube↗  IA↗(long shot)
Education  10.2K views 2 likes 0 dislikes   23 Feb 2015
Udacity 651K subscribers United States YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
What would the DOM be like without CSS?
没有 CSS 的 DOM 会是什么样的呢？
Well, as you can see here with the sample page that you've been using,
好吧 就像你现在看到的这个之前用过的示例网页
it's pretty boring.
这非常的单调
But luckily, you can access and modify CSS with jQuery pretty easily.
幸运的是 你可以用 jQuery 非常轻松的获取和修改 CSS 代码
Now, you should be careful because changing CSS with JavaScript or
但是你需要小心 因为用 JavaScript 或者
jQuery means adding inline CSS.
jQuery 修改 CSS 意味着添加内嵌 CSS
See, right here it says that jQuery modifies the element's style property.
看到这个了吗 它说 jQuery 可以修改元素的样式属性
This isn't a good way of building a site, but sometimes it's needed.
这并不是一个建站的好办法 但有的时候也需要这样
In this lesson, we'll use it, but in the real world, you should always think
在这节课中 我们要用这种方法 但是在实际操作中 你应该
about whether you should solve your problem with CSS or jQuery.
时刻考虑是应该用 CSS 还是 jQuery 解决问题
The .css( ) method is similar to the .adder( ) method that we just saw.
.css() 方法和我们刚刚学过的 .add() 方法类似
One method signature will get the value of the CSS property,
一种方法签名可以获取 CSS 属性值
while another signature will set the value of the CSS property.
而另一种方法签名可以设置 CSS 属性值
Using .css, can you set the font size of all the article-items to 20 pixels?
利用 .css() 你能将 article-items 的字号设为 20px 吗？
Similar videos:

Selectors Classes - Intro to jQuery
Udacity
14.3K views 4 likes 0 dislikes 23 Feb 2015100% match

How Is jQuery Included in a Page? - Intro to jQuery
Udacity
1.6K views 3 likes 0 dislikes 23 Feb 2015100% match

How to Use the $ - Intro to jQuery
Udacity
1.9K views 7 likes 0 dislikes 23 Feb 2015100% match

jQuery Documentation and You - Intro to jQuery
Udacity
1.5K views 4 likes 0 dislikes 23 Feb 2015100% match

"What is jQuery
Udacity
1.9K views 2 likes 0 dislikes 23 Feb 2015100% match

Select by Tags Quiz - Intro to jQuery
Udacity
15.8K views 8 likes 0 dislikes 23 Feb 2015100% match

Filters Quiz - Intro to jQuery
Udacity
16.6K views 2 likes 0 dislikes 23 Feb 2015100% match

"What is jQuery
Udacity
16.9K views 5 likes 2 dislikes 23 Feb 2015100% match

Select by IDs Quiz - Intro to jQuery
Udacity
12.5K views 5 likes 1 dislikes 23 Feb 2015100% match

Build a DOM (Family) Tree Solution - Intro to jQuery
Udacity
2.2K views 3 likes 0 dislikes 23 Feb 2015100% match

Toggling Classes Solution - Intro to jQuery
Udacity
14.9K views 1 likes 0 dislikes 23 Feb 2015100% match

you.toggleClass() Solution - Intro to jQuery
Udacity
1.5K views 3 likes 1 dislikes 23 Feb 2015100% match

Visualizing the DOM Solution - Intro to jQuery
Udacity
1.4K views 0 likes 0 dislikes 23 Feb 2015100% match

Build a DOM (Family) Tree Quiz - Intro to jQuery
Udacity
11.9K views 1 likes 0 dislikes 23 Feb 2015100% match

Why Does jQuery Exist? - Intro to jQuery
Udacity
3.1K views 15 likes 0 dislikes 23 Feb 2015100% match

Family Tree Revisited - Intro to jQuery
Udacity
2.1K views 9 likes 0 dislikes 23 Feb 2015100% match

Select by Classes Solution - Intro to jQuery
Udacity
1.3K views 1 likes 0 dislikes 23 Feb 2015100% match

Collecting Values Quiz - Intro to jQuery
Udacity
13.3K views 4 likes 0 dislikes 23 Feb 2015100% match

Toggling Classes Quiz - Intro to jQuery
Udacity
1.5K views 1 likes 2 dislikes 23 Feb 2015100% match

you.toggleClass() Quiz - Intro to jQuery
Udacity
17.7K views 2 likes 1 dislikes 23 Feb 2015100% match

Removing DOM Elements Solution - Intro to jQuery
Udacity
1.2K views 4 likes 0 dislikes 23 Feb 2015100% match

Collecting Values Solution - Intro to jQuery
Udacity
1.3K views 3 likes 1 dislikes 23 Feb 2015100% match

"Money
Udacity
2K views 4 likes 2 dislikes 23 Feb 2015100% match

Iterating with Each Quiz - Intro to jQuery
Udacity
10.1K views 3 likes 0 dislikes 23 Feb 2015100% match

Changing Attributes Solution - Intro to jQuery
Udacity
1.4K views 1 likes 0 dislikes 23 Feb 2015100% match

Select by Tags Solution - Intro to jQuery
Udacity
1.8K views 1 likes 0 dislikes 23 Feb 2015100% match

Visualizing the DOM - Intro to jQuery
Udacity
15K views 6 likes 0 dislikes 23 Feb 2015100% match

Removing DOM Elements Quiz - Intro to jQuery
Udacity
11K views 2 likes 0 dislikes 23 Feb 2015100% match

Why Use jQuery? Quiz - Intro to jQuery
Udacity
9.4K views 3 likes 1 dislikes 23 Feb 2015100% match

Course Introduction - Intro to jQuery
Udacity
5.6K views 17 likes 2 dislikes 23 Feb 2015100% match


Settings Privacy About Contact Donate