美文网首页
jQuery1-002 基本使用-入口函数及顶级对象

jQuery1-002 基本使用-入口函数及顶级对象

作者: 南南南NaN | 来源:发表于2020-02-19 22:10 被阅读0次

1、jQuery入口函数

    入口函数就是当页面DOM加载完毕再去执行js文件,jQuery入口函数有两种写法第二种更加简单

    第一种语法
<script src="js/jQuery 3.4.1.mini.js"></script>
<script>
---      $(document).ready(function() {
            //此处是页面DOM加载完成的入口
      });
  </script>
    \color{#34a853}{第二种语法√}
<script src="js/jQuery 3.4.1.mini.js"></script>
<script>
---      $(function() {
           //此处是页面DOM加载完成的入口
      }) 
  </script>
【注意】
等DOM结构渲染完成即可执行该入口函数代码,不必等所有的外部资源全部加载完成jQuery帮我们完成了封装。
相当于原生的js中的DOMContentLoaded
与原生js的load事件是不一样的,load事件是等页面文档、外部js文件、 Css文件、图片等加载完毕才执行的。

2、jQuery 的顶级对象 $

    2.1 $ 是 jQuery 的别称,下面两种写法是一样的

      \color{#34a853}{第一种语法√}
<script src="js/jQuery 3.4.1.mini.js"></script>
<script>
---   $(function() {
           //此处是页面DOM加载完成的入口
      }) 
  </script>
      第二种语法
<script src="js/jQuery 3.4.1.mini.js"></script>
<script>
---    jQuery(function() {
           //此处是页面DOM加载完成的入口
      }) 
  </script>

    2.2、 使用jQuery获取元素选择器为div的对象并隐藏

      \color{#34a853}{第一种语法√}
<script src="js/jQuery 3.4.1.mini.js"></script>
<script>
---   $(function() {//此处是页面DOM加载完成的入口
---           $('div').hide(); //通过元素选择器获取div
      }) 
  </script>
      第二种语法
<script src="js/jQuery 3.4.1.mini.js"></script>
<script>
---    jQuery(function() { //此处是页面DOM加载完成的入口
---            jQuery('div').hide();//通过元素选择器获取div
      }) 
  </script>

【注意】
$ 是jQuery的顶级对象,相当于原生js的window
利用$把元素包装成jQuery对象就可以调用jQuery的方法了

上一篇:jQuery1-001 版本下载及引用
下一篇:jQuery1-003 基本使用-DOM对象和jQuery对象

相关文章

  • jQuery1-002 基本使用-入口函数及顶级对象

    1、jQuery入口函数 入口函数就是当页面DOM加载完毕再去执行js文件,jQuery入口函数有两种写法第二种更...

  • Jquery day_1

    1.1 JQuery 入口函数 1.1.1 jQuery的入口函数 1.1.2 jQuery中的顶级对象$ 1....

  • JQ和JS前8章总结和后面预览

    入口函数 ( 只需要DOM加载完毕 不必等待外部资源加载完毕 相当于DOMContentLoaded )顶级对象$...

  • JQuery基本使用

    一. 基本使用 jquery的入口函数 实例:通过使用入口函数的方式,将div在页面加载完毕后隐藏。 2.jque...

  • freecodecamp的笔记

    JavaScript对象及函数程序 使用构造函数来创建对象 使用构造函数时,我们通过在它前面使用 new 关键字 ...

  • jQuery 第一部分 2018-02-13

    一、基本使用 引包先引入文件 入口函数$(function(){});$(document).ready(func...

  • Java基础01

    Tip:快捷热键: psvm: main函数主入口 sout: 输出日志 基础语法 对象、类 基本数据类型 变量...

  • Kotlin学习

    kotlin基础 kotlin入口及函数定义 函数定义使用关键字 fun,参数格式为:参数 : 类型 表达式作为函...

  • Flutter 学习从零开始-Dart语言基础类型

    定义一个函数 main 顶级函数,应用入口Dart 程序从main 函数开始执行。 var 用于定义变量,可以不指...

  • 第三章 类与对象应用

    学习目的 掌握静态数据成员及静态成员函数的使用; 掌握友元函数的使用; 掌握常成员函数的应用; 掌握对象成员的使用...

网友评论

      本文标题:jQuery1-002 基本使用-入口函数及顶级对象

      本文链接:https://www.haomeiwen.com/subject/xujzfhtx.html