jQuery 学习笔记(1)

1、jQuery入口函数相比原生的入口函数

  window.onload = function() { ... } //当DOM和图片都加载完毕后执行

  $(document).ready(function() { ... }) //当DOM加载完毕执行

 

2、jQuery入口函数重复执行不会被覆盖

  window.onload = function () { console.log("onload1" )}

  window.onload = function() { console.log( "onload2" )}

      ===> onload2

  $(document).ready( function() { console.log( ''ready1" ) })

  $(document).ready( function() { console.log( "ready2" ) } )

      ===> ready1    ready2

 

3、jQuery 入口函数推荐写法

  $( functiion() { ... } )

 

4、jQuery  释放“$”符号使用权 : jQuery.noConflict();

  推荐用法:

  jQuery.noConflict();

  (function($) {...} )(jQuery);

 

5、jQuery核心函数: $();

  1、接收一个函数:($(function () { ... }))

    成为一个入口函数

  2、接收一个字符串选择器  ( $("#aaa") $("p a#fff"))

    返回一个jQuery对象,对象中保存了选取的DOM元素

  3、接收一个字符串代码片段 ($("<p> 我是段落 </p>"))

      返回一个jQuery对象,对象中保存了新创建的DOM元素

  4、接收一个DOM元素

    var span = document.getElementsByTagName("span")[0]

    $(span) === $("span")[0]  //true

    返回一个DOM元素包装成jQuery对象

 

6、jQuery对象是一个伪数组(类数组)

  伪数组: 有0~(length-1)的属性,并有length属性

posted @ 2018-08-14 22:21  0恋晨曦0  Views(121)  Comments(0Edit  收藏  举报