当前浏览器不支持canvas，请更换浏览器后再试

js中index()的四种经典用法111

  1. <!doctype html>  
  2. <html lang="en">  
  3.  <head>  
  4.   <meta charset="UTF-8">  
  5.   <meta name="Generator" content="EditPlus®">  
  6.   <meta name="Author" content="">  
  7.   <meta name="Keywords" content="">  
  8.   <meta name="Description" content="">  
  9.   <title>Document</title>  
  10.   <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>  
  11.  </head>  
  12.  <body>  
  13.     
  14. <div id="nav">   
  15. <a href="">朕知道了</a>   
  16. <a href="">萌萌哒</a>   
  17. <a href="">不行你来咬我呀</a>   
  18. <a href="">你是猴子请来的逗逼吗</a>   
  19. </div>   
  20.   
  21. <ul id="u">   
  22. <li id="foo">foo</li>   
  23. <li id="bar">bar</li>   
  24. <li id="baz">baz</li>   
  25. </ul>   
  26.   
  27. <script>  
  28. $("#u li").click(function(){  
  29. var a = $('li').index(document.getElementById('bar')); //1，传递一个DOM对象，返回这个对象在原先集合中的索引位置   
  30. var b = $('li').index($('#bar')); //1，传递一个jQuery对象   
  31. var c = $('li').index($('li:gt(0)')); //1，传递一组jQuery对象，返回这个对象中第一个元素在原先集合中的索引位置   
  32. var d = $('#bar').index('li'); //1，传递一个选择器，返回#bar在所有li中的索引位置   
  33. var e = $('#bar').index(); //1，不传递参数，返回这个元素在同辈中的索引位置。   
  34. alert(e);  
  35. });  
  36.   
  37. $("#nav a").click(function(){   
  38. //四个经典的用法   
  39. var index1 = $("#nav a").index(this);   
  40. var index2 = $("#nav a").index($(this));   
  41. var index3 = $(this).index()   
  42. var index4 = $(this).index("a")   
  43. alert(index4);   
  44. return false;   
  45. });   
  46. </script>  
  47.  </body>  
  48. </html>  
posted @ 2017-06-22 16:35  高亮uncle  阅读(1358)  评论(0)  编辑  收藏  举报