关于JavaScript/jQuery

问题一: javaScript中window.onload和jquery中document.ready()的区别:

两者的区别主要有以下两点:

• 在页面中onload()只能使用一次,而jquery中的document.read()可以多次使用.
• document.ready()函数在页面Dom元素加载完成以后就会别调用,eronload()函数是在所有资源(包括图像.音频加载完毕之后才会调用).

问题二: jquery中哪几类型的选择器.

• 基本选择器:直接根据id css类名 元素名返回匹配的dom元素
• 层次选择器:也加做路径选择器,可以根据路径层次来选择相应的Dom元素.
• 过滤选择器:在前面的基础上过滤相关条件,得到匹配的dom对象

问题三:画出dom对象结构图

• 这个问题首先要知道什么是dom:Document object Model,文档对象模型.表示文档(如HTML标记)的应用程序接口(API).它提供了文档中独立元素的结构化 ,对象化的表示方法,并允许通过对象的属性和方法访问这些对象.
• HTML DOM节点:在DOM模型中,每个部分都是节点.
  1.文档本身是一个节点.
  2.所有HTML元素是元素节点
  3.所有HTML属性是属性节点
  4.所有HTML文本是文本节点
• HTML DOM对象有:HTML Dom Document对象 HTML Dom Element对象 HTML Dom Attribute对象 HTML Dom Event对象.
  1.Document对象:每一个载入浏览器的页面都会成为一个Document对象,它使我们可以通过脚本访问HTML文档中任意元素.它也是BOM模型中window对象的众多属性之一.
  2.Element对象:Element对象可以拥有我元素节点,文本节点和注释节点的子节点.
  3.NodeList对象:表示节点列表,比如HTML元素的子节点集合.
  4.Attribute对象:表示HTML属性,HTML属性始终属于HTML元素.
  5.Event对象:Event对象表示事件状态.事件的状态有事件在其中发生的元素.鼠标的坐标 鼠标点击 键盘按键事件一般和函数结合起来使用.

dom结构图.jpg

• DOM中获取文档中指定元素的方法有两种：
  1.通过遍历，但是此方法较为繁琐.
  2.通过Document对象的方法。有两个方法可以获取元素。通过元素的Id属性和name属性获取元素。
  (1)document.getElementById("userid");//返回一个元素
  (2)document.getElementByName("userName")[0];//返回一个数组

问题四:jq中工厂函数有几种用法，举例说明

1.在参数中使用标记名
$("div"): 表示获取文档中全部<div>
2.在参数 中使用id
("#username") 表示获取的是id名为username的元素
3.在参数中使用css类名
$(".btn_grey") 表示获取文档中使用css类名为btn_grey的所有元素

问题五 :请写出js中onclick属性驱动函数代码和jq中click()方法驱动函数代码有什么区别，需要注意什么？

• click()方法是封装的onclick 在执行click方法是会触发onclick事件
• onclick是一个事件 click是一个方法.

如果有问题欢迎交流!!!