JavaScript和Jquery入门实例

1.javascript 访问dom内元素
    var li_length=document.getElementsByTagName('li').length;
    var obj= document.getElementsByTagName('li');

    while(0<li_length--){
    console.log(li_length);
    var li_text = obj[li_length].firstChild.nodeValue;
    console.log(li_text);

    }
2.Jquery

    var $h1 = jQuery('h1');
    console.log($h1);
    $h1.text('jquery');
    console.log($h1.text);

    var $lis = jQuery('li');

    $lis.each(function(){

      console.log($(this).text());
    }
        

    );

3,jquery 插件定义
    ;(function($){
      $.fn.banner_sound=function(audio_src){
            var banner_audio ;
        retrn this.each(function()){
               $(this)
                    .bind('mouseover focusin',function(){
                 banner_audio = new Audio(audio_src);
                     banner_audio.play();

                    })
                    .bind('mouseout focusout',function(){

                      
                       banner_audio.pause();
                       banner_audio.currentTime = 0;    

                    });
           });

        };
    })(jQuery);