首页 > 代码库 > 使用jQuery快速高效制作网页交互特效(4)

使用jQuery快速高效制作网页交互特效(4)

$(function()

{
  $("h1").css("color","#acf");
  $("#h1").css("background-color","pink");
  //h1标签 并且有一个class属性 值为h1 (交集选择器)
  $("h1.h1").css("background-color","red");

  //div标签 and p标签 and span标签
  $("div,p,span").css("font-size","36px");

  //全选
  $("*").css("background-color","blue");
})

 

后代选择器和子选择器比较

后代选择器 使用居多  灵活性强

 

属性选择器   只需要记得  $("[属性名=‘属性值‘]")

 

寻找li的偶数行
$("li:even").css("font-size","50px");
寻找li的奇数行
$("li:odd").css("color","red");

 

hidden表示的是隐藏  visible

不要单独去使用 :hidden选择   head标签中 都是在页面上看不到的标签

使用jQuery快速高效制作网页交互特效(4)