jquery学习笔记1------基础

1.window.onload()与$(document).ready()的区别;

  1）执行时机

     window.onload()必须等待网页中的所有内容都加载完毕后（包括图片）才能执行。

     $(document).ready()则是网页中所有的DOM结构都绘制完毕就去执行，可能与DOM元素相关的内容并没有加载完。例如：图片。

  2）编写个数

     window.onload()只能编写一个。

   

window.onload=function () {   alert('text1');}window.onload=function () {  alert('text2');}

结果只会显示text2

      

     $(document).ready()可以编写多个。

    

$(document).ready(function {  alert('text1');});$(document).ready(function {  alert('text2');});

结果会先显示text1，再显示text2.

2.jQuery对象与DOM对象

  1）jquery对象就是通过jQuery包装DOM对象后产生的对象。

  2）jQuery对象和DOM对象的相互转换     

       a.jquery对象转换为DOM对象
            1.jQuery对象是一个数组对象，可以通过[index]方法得到相应的DOM对象。

        var $cr=$('#cr');        var cr=$cr[0];        alert(cr.checkek);

             2.jQuery本身提供了一个相应.get(index)方法获得相应的DOM对象。

          

       var $cr=$('#cr');       var cr=$cr.get(index);       alert(cr.check);

       b.DOM对象转换为jQuery对象

           

          var  cr=document.getElementById('cr');          var $cr=$(cr);

            
     
3.解决jQuery库与其他库冲突的问题
   1）jQuery库在其他库之后导入 

         在其他库和jQuery库都加载完毕后，可以在任何时候调用jQuery.noConflict()函数来将变量$的控制权交给其他javascript库

         注：还有两种快捷方式省略

   2）jQuery库在其他库之前导入  

      如果jQuery库在其他库之前导入的话，那么可以直接使用’jQuery‘来做一些jQuery的工作。