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

Posted 2020-09-07 凌雨轩林

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