1.DOM对象

最新推荐文章于 2022-08-07 00:10:48 发布

♆ Orchid ♆

最新推荐文章于 2022-08-07 00:10:48 发布

阅读量84

点赞数

分类专栏：前端框架

本文链接：https://blog.csdn.net/qq_44713502/article/details/104473198

版权

前端框架专栏收录该内容

3 篇文章 0 订阅

订阅专栏

jquery：JavaScript库

jquery.min.js：压缩版、发布版
jquery.js：开发版

html中如果出错，不提示；如果调试工具(F12)没有错误提示，但显示效果不一致，考虑HTML错误

常见错误：

引入js库时
必须是
<script type="text/javascript" src="..."></script>
不能是

<script type="text/javascript" src="..." />

初始化函数

$(document).ready(function(){...})

当网页中的dom元素(不包含图片、视频、资源)全部加载完毕后，立刻执行，同一个页面可以写多个
简化：$(function(){...});

onload：JavaScript初始化函数，同一个页面只能写一个
当网页中的dom元素(包含图片、视频、资源)全部加载完毕后
立刻执行

$等价于jQuery

DOM

将html、xml等文档结构的标签语言看成DOM
DOM节点有三种类型：

元素节点：<html> <ul> <p>...
属性节点：title src alt ...
文本节点：文本节点

DOM对象：

    以上三种节点类型的具体对象，就是DOM对象。
    使用层面：凡是JavaScript能够直接操作的对象就是DOM对象。

jQuery对象：

    凡是jQuery能够直接操作的对象就是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)
         var $pwd=$(":password").get(0).value;
         var $pwd=$(":password").eq(0).val();