jquery(二)js与jquery互转

来源:互联网 发布:csol控制台的优化 编辑:程序博客网 时间:2024/05/16 08:50
   <script type="text/javascript" src="jquery-1.7.2.js"></script>
    <script type="text/javascript">
      $(function(){
         alert("aaa");
      });
        $(function(){
         alert("bbb");
      });

    </script>

两个都会执行

//*****************************

   <script type="text/javascript">
      $(function(){
        var hello=document.getElementById("hello");
       //是js对象不能使用jquery方法
       // hello.css("color","#f00");
       //需封装为jquery的节点
        $(hello).css("color","#f00");
        //每一个jquery节点都是一个数组,只要取出数组中的值,这个值就是js的节点,就只能用js的方法
        ($("li.abc")[0]).innerHTML="aaffffff";
        
        var lis=$("#hello ul li");
        for(var i=0;i<lis.length;i++){
            //目前的li是js的节点
            var li=lis[i];
          //  li.innerHTML="【"+(i+1)+"】"+li.innerHTML;
            $(li).html((i+1)+"."+$(li).html());
        }
      });
      
    </script>
  </head>
  
  <body>
   <div  id="hello">
    <ul>
       <li>aaaaaa</li>
       <li>bbbbbb</li>
       <li  class="abc">cccccccccc</li>
       <li>ddddddddd</li>
       <li>eeeeeeeee</li>
       <li>fffffffffff</li>
    </ul>
   </div>
  </body>


0 0
原创粉丝点击