JavaScript与jquery的区别

  1. JavaScript是一门编程语言，用来编写客户端浏览器脚本。
  2. jQuery是javascript的一个库，包含多个可重用的函数，用来辅助简化javascript开发
  3. jQuery能做的javascript都能做到，而JavaScript能做的事情，jQuery不一定能做到

jQuery文件的引入

<body>

    <div class="box"></div>

    <!--引包（引入jquery库）-->

<script type="text/javascript" src="jQuery3.3.1.js"></script>

<script>

    //调用时使用jQuery与$是一样的

    //第一个参数是选择器（类选择器）

    console.log(jQuery('box'));

    console.log($('box'));

</script>

jQuery的入口函数

<body>

<!--Jquery框架封装的时候模仿得失伪数组对象，有索引和length，以及n个方法-->

<script type="text/javascript" src="jQuery3.3.1.js"></script>

<script>

    //window.onload() 1 覆盖现象。2 等待图片资源加载完成之后才调用脚本代码，用户体验极差

    //入口函数

    //返回的是jquery

    //jquery对象与js对象之间的转换

    console.log($(document)[0]);

    //等待文档资源加载完成之后调用此方法：

    $(document).ready(function () {

        alert(1)

    });

    //jquery简便写法入口函数，两种入口函数没有覆盖现象

    $(function () {

        alert(2)

    });

    $(window).ready(function () {

        alert(3)

        //表示图片资源加载完成之后

    })

</script>

</body>

jQuery对象与js对象的互相转换

为什么两种对象要进行互相转换，解释在注释里！

<body>

    <div id="box"></div>

    <div id="box2"></div>

    <script type="text/javascript" src="jQuery3.3.1.js"></script>

    <script>

    $(function () {

        //转换为jqery对象 js对象更加希望转换成jquery对象操作简便的dom

        //转换为js对象的原因：因为js是包含jquery，jquery只是封装了DOM，事件，ajax，动画。

            //假如说jquery对象要使用的方法不在封装里面，只能转换成js对象

        //js对象与jquery对象一定要分清除，对应对象只能调用对应的方法，不能混淆

        //获取jquery对象

        console.log($('#box2'));

        //获取js对象

        var box = document.getElementById('box2');

        console.log(box);

        //jquery对象转换成js对象

        console.log($('#box2')[0]);

        //js对象转换为jquery,直接将js对象传到$()中

        console.log($(box));

    })

    </script>

</body>

jQuery的文件引入、入口函数以及js对象和jquery对象之间的互相转换的更多相关文章

  1. 修改PE文件的入口函数OEP

    修改入口函数地址.这个是最省事的办法,在原PE文件中新增加一个节,计算新节的RVA,然后修改入口代码,使其指向新增加的节.当然,如果.text节空隙足够大的话,不用添加新节也可以. BOOL Chan ...

  2. jquery的入口函数 和 js和jq的转化

    先引入jq包 然后<script type="text/javascript"> $(function{ 获取标签:$('#box2') jq转为js:$('#box2 ...

  3. 2、jQuery的基本概念-必看-版本-入口函数- jq对象和dom对象区别

    1.4. jQuery的版本 官网下载地址:http://jquery.com/download/ jQuery版本有很多,分为1.x 2.x 3.x 大版本分类: 1.x版本:能够兼容IE678浏览 ...

  4. 01-老马jQuery教程-jQuery入口函数及选择器

    前言 这套jQuery教程是老马专门为寒门子弟而录制,希望大家看到后能转发给更多的寒门子弟.视频都是免费,请参考课程地址:https://chuanke.baidu.com/s5508922.html ...

  5. jQuery的入口函数

    原生的JS的入口函数指的是:window.onload = function(){}: 如下所示: //原生js的入口函数.页面上所有内容加载完毕, 才执行.//不仅要等文本加载完毕, 而且要等图片也 ...

  6. 什么是jquery $ jQuery对象和DOM对象 和一些选择器

    1什么是jQuery: jQuery就是将一些方法封装在一个js文件中.就是个js库 我们学习这些方法. 2为什么要学习jQuery: 原生js有以下问题: 1.兼容性问题2.代码重复3.DOM提供的 ...

  7. JS json字符串转对象、对象转字符串

    JSON是javascript原生格式,在JavaScript中处理json数据不需要任何特殊的API或者工具包. JSON中,有两种结构:对象和数组. 在数据传输流中,json是以文本,即字符串的形 ...

  8. js中parseInt()与parseFloat(),Number(),Boolean(),String()转换

    js将字符串转数值的方法主要有三种 转换函数.强制类型转换.利用js变量弱类型转换. 1. 转换函数: js提供了parseInt()和parseFloat()两个转换函数.前者把值转换成整数,后者把 ...

  9. 5.js与jQuery入口函数执行时机

    js与jQuery入口函数执行时机区别: JS入口函数是在所有资源加载完成后,才执行.(包括:页面.外部js文件.外部css文件.图片) jQuery入口函数,是在文档加载完成后就执行.文档加载完成指 ...

随机推荐

  1. 关于cf[转]

    还不怎么熟悉cf呢.. 你应当知道的关于Codeforces的事情 Codeforces简称: cf(所以谈论cf的时候经常被误会成TX的那款游戏).网址: codeforces.com 这是一个俄国 ...

  2. Oracle awr报告生成操作步骤

    1.登录主机切换到oracle用户 ssh root@192.168.220.128 su - oracle 2.以sysdba身份登录数据库 sqlplus / as sysdba 3.执行@?/r ...

  3. PHP -S命令 PHP内置web服务器

    手册详细介绍 : http://www.php.net/manual/zh/features.commandline.webserver.php 适合本地开发  php 5.4.0起 这个内置的Web ...

  4. PAT-GPLT训练集 L1-043 阅览室

    PAT-GPLT训练集 L1-043 阅览室 注意:连续的S和E才算一次借还 代码: #include<iostream> #include<cstdio> using nam ...

  5. 数据泵导入 ORA-31626

    Oracle,10G,数据泵导入时,报错如下: 解决方案:对当前用户做如下授权 . 具体操作:grant connect,resource to user;

  6. java③

    1.变量是什么? 变量====>一个数据在内存中 存储空间的表示! 在程序运行期间可以发生变化! *变量名 可以 迅速的从内存中 查询出 指定的变量! 2.数据类型: 数据类型 一共分为两种: ...

  7. Java关于反射

    反射的概念:JAVA反射机制是在运行状态中,对于任意一个实体类,都能够知道这个类的所有属性和方法:对于任意一个对象,都能够调用它的任意方法和属性:这种动态获取信息以及动态调用对象方法的功能称为java ...

  8. day04 列表

    今天主要学习了 列表 什么是列表 定义: 能装对象的对象 在python中使用[]来描述列表, 内部元素用逗号隔开. 对数据类型没有要求 列表存在索引和切片. 和字符串是一样的. 2. 相关的增删改查 ...

  9. Fedora防火墙配置

    简介: Fedora 18以及之后的版本,防火墙的管理不再基于iptables,而基于firewall的东西.firewall的功能相对复杂一些,可以控制服务,控制端口,设置安全区域,设置端口转发等功 ...

  10. fastjson 在 springboot中的运用

    题记: 项目中开始用是Gson,但是压力测试的时候会出现性能下降明显,不得已换成了fastjson 1.首先引用包 <dependency> <groupId>com.alib ...