内部使用了jQuery代码

  1. $(document).ready(function(){
  2.     $("a").click(function(){//再jQuery里的事件就要去掉前面的on
  3.         $("img")
  4.         .eq($(this).index())//eq()根据你当前的索引进行迭代
  5.         .css({'opacity':'1'})//选中的索引透明度变成最高  显示出来
  6.         .siblings()// 兄弟节点除了我上面选中当前的  下面则是其他所有的兄弟节点
  7.         .css({'opacity':'0'});//没有被选中的图片透明度设置为0 不可被显示
  8.         //链式结构语法
  9.     });
  11.     // var alinks = $("a");   alinks是对象
  12.     // console.log(alinks);//jQuery.fn.init(9) [a, a, a, a, a, a, a, a, a, prevObject: jQuery.fn.init(1)]
  13.     // for(var i=alinks.length-1;i>=0;i--){
  14.         // alinks[i].style.backgroundColor="red";// 设置背景色
  15.         // alinks[i].style.border="5px solid black";// 设置边框属性
  16.         // alinks[i].style.color="blue";// 设置字体颜色
  17.         // eq()隐式选代 获取每一个jQuery对象
  18.         // alinks.eq(i).css({
  19.         //     backgroundColor:"red",
  20.         //     border:"5px solid black",
  21.         //     color:"black"
  22.         // }).html("<strong>七彩云南"+i+"</strong>")
  23.         // .text("云南旅游"+i);
  24.     // }
  25. });
  28. // html()可以插入文本值 还可以插入标签
  29. // Css()可以添加css样式 可以改变css样式
  30. // Text()可以插入文本