jQuery之准备

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)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值