jquery: javascript库
write less , do more
如果调试工具(F12)没有错误提示,但显示效果不一致,考虑html错误
window.onload 与 $(document).ready 区别
$(document).ready(function(){}):初始化函数, 当网页中的dom元素(不包含图片、视频、资源)全部加载完毕后 立刻执行
onload :
javascript,初始化函数,当网页中的dom元素(关联图片、视频、资源)全部加载完毕后 立刻执行
jquery初始化函数简化:
$(function(){…});
$等价于jQuery
dom模型:
将html xml等文档结构的标签语言 看成dom模型
dom节点有三种类型:
元素节点 <html> <ul>... <p>
属性节点 :title src alt ...
文本节点: 文本节点
Dom对象:
以上三种节点类型的具体对象 就是Dom对象。
使用层面: 凡是JavaSCript能够直接操作的对象,就是Dom对象。
例如,var title = document.getElementById("myTitile");通过js获取到的title对象 就是一个dom对象(就是<p>对象)
jQuery对象:
凡是jQuery能够直接操作的对象,就是jQuery对象。
例如:var $title = $("#myTitile") ; 通过jquery获取到的 $title 就是一个jquery对象。
同样一个元素,即可以成为一个dom对象(javascript对象),也可以成为一个jquery对象
注意:dom对象 只适用于js的各种语法(函数、属性),jquery对象只用于jquery的各种语法(函数、属性)。
dom对象和jquery对象的各自独立。
例如
title 是dom对象,因此可以使用js属性或方法 title.innerHTML
$title 是jquery对象,因此可以使用jquery属性或方法 $title.html()
建议:
js对象 直接写title
jquery 加上$,例如$title
dom对象和jquery对象的转换:
dom对象->jquery对象 :jquery工厂, $(dom对象)
jquery对象 ->dom对象:
基础:jquery对象默认是一个数组 或集合 ;dom对象默认是一个单独的对象
数组:jquery对象[0]
集合:jquery对象.get(0)