使用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标签中 都是在页面上看不到的标签