jquery 操作css

<p style="color: blue;">Eric的后裔</p>

<p style="color: green;">太阳的后裔</p>

 

 /*

   1. 得到第一个p标签的颜色

   2. 设置所有p标签的文本颜色为pink

   3. 设置第2个p的字体颜色(#ff0011),背景(blue),宽(300px), 高(30px)

   */

  $(function () {

//      1. 得到第一个p标签的颜色 

// console.log($('p:first').css('color'));

//      2. 设置所有p标签的文本颜色为pink 

$('p').css('color','pink');

//      3. 设置第2个p的字体颜色(#ff0011),背景(blue),宽(300px), 高(30px)

$('p:last').css({

  'color':'#ff0011',

  'background':'blue',

  'width': '300px',

  'height':'30px'

})