首页 > Web开发 > 详细

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

时间:2017-03-31 00:13:13      阅读:266      评论:0      收藏:0      [点我收藏+]

$(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)

原文:http://www.cnblogs.com/a2367763409/p/6649251.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!