码迷,mamicode.com
首页 > Web开发 > 详细

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

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

标签:ble   head   size   jquery   css   选择   活性   on()   eve   

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

标签:ble   head   size   jquery   css   选择   活性   on()   eve   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!