java script 第四章

来源：互联网发布：python模块化编程实例编辑：程序博客网时间：2024/06/05 00:42
!DOCTYPE html><html>  <head>    <title>3.html</title><script type="text/javascript">//一：类选折器 标签选择器 并集选折器/交集选折器/全局选折器 //1.交集/* $( function() { $("div#today").css("color","green"); } ); *///2.并集/* $(  function()  {   $("#today,#tomary").css("color","pink");  }); *///3.全局$(function() {$("*").css("color", "yellow");});//4.后代选折器 不直接 空格 子元素//5.子选折器 > 直接子5、6.相邻选折器 + 后一个 向后查找之前的不行7.同辈~三：同辈选折器("[href]")/("[href=]")键值    ^ 以谁开头 "[href^=cn]"$ 以谁结尾 "[href$=cn]"* 包含     "[href$*=cn]"复合选折器  ( "a[href$*=cn]")四：过滤选择器1.$(function(){//$("li:first").css("color","pink");第一个$("li:last").css("color","pink");最后一个$("li:eq(1)").css("color","pink");某一个$("li:gt(1)").css("color","pink");大于1$("li:odd").css("color","pink");奇数//$("li:even").css("color","pink");偶数$("[id=box]").css("color","pink");$("div:hidden");隐藏$("div:hidden").show();显示}});//2.可见性过过滤选折器/不可见性过过滤选折器hidden();</script>  </head>    <body>    <div id="today">如果爱可以重来</div><div id="tomary">把最美好的留在昨天</div>//四：过滤选择器<ul>   <li>吃饭</li>    <li>睡觉</li> <li>冰果消消乐</li></ul>  </body></html>
0 0