jQuery学习(一)

来源:互联网 发布:摩托罗拉gp328编程教程 编辑:程序博客网 时间:2024/06/06 19:48

1.

<script src="jquery-1.6.4.min.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
  $("h3").click(function(){
   $(this).fadeOut("slow").next("ul").slideUp("slow");
  });
 });
</script>
<body>
<div>
 <h3>主题一(单击我)</h3>
 <ul>
  <li>1111</li>
  <li>2222</li>
  <li>3333</li>
 </ul>
</div>
</body>

2.

<script src="jquery-1.6.4.min.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
 //jQuery对象转成DOM对象
//  var test = $("li").get();
//  alert(test[0].innerHTML);
//  alert(test[1].innerHTML);

 //DOM对象转成是jQuery对象
  var $test = $(document.getElementsByTagName("li"));
  alert($test.eq(0).html());
  alert($test.eq(1).html());
 });
 
</script>

<body>
<ul>
 <li><a href="
http://www.baidu.com">biadu</a></li>
 <li><a href="
http://www.google.com">google</a></li>
</ul>
</body>

 

原创粉丝点击