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. MySQL_插入更新 ON DUPLICATE KEY UPDATE

    平时我们在设计数据库表的时候总会设计 unique  或者 给表加上 primary key 的限制条件. 此时 插入数据的时候 ,经常会有这样的情况: 我们想向数据库插入一条记录: 若数据表中存在以 ...

  2. nginx补丁格式说明（CVE-2016-4450为例）

    nginx安全公告地址:http://nginx.org/en/security_advisories.html CVE-2016-4450:一个特定构造的数据包,可引发nginx引用空指针,导致ng ...

  3. 牛客网 PAT 算法历年真题 1012 ： D进制的A+B (20)

    D进制的A+B (20) 时间限制 1000 ms 内存限制 32768 KB 代码长度限制 100 KB 判断程序 Standard (来自 小小) 题目描述 输入两个非负10进制整数A和B(< ...

  4. rnnlib依赖ubuntu环境配置

    rnnlib help http://sourceforge.net/apps/mediawiki/rnnl/index.php?title=Main_Page boost: http://blog. ...

  5. MyBatis 为什么需要通用 Mapper ?

    一.通用 Mapper 的用途 ? 我个人最早用 MyBatis 时,先是完全手写,然后用上了 MyBatis 代码生成器(简称为 MBG),在使用 MBG 过程中,发现一个很麻烦的问题,如果数据库字 ...

  6. xadmin自定义关联菜单

    网上好多自定义xadmin后台数据很少有关怎样设置外键关联菜单的显示,如下图所示: 现有个需求根据model中status字段值,来显示关联菜单三道杠,如上图app状态只有是审核成功才会显示,未审核不 ...

  7. 安装Adobe Acrobat XI Pro

    从网上下载Adobe Acrobat XI Pro这款软件,下载后将其解压到我们的电脑上,然后找到setup.exe双击安装它,安装时选择“使用试用版本或订阅” 2 选择“自定义”   自定义安装组件 ...

  8. 源码学习：一个express().get方法的加载与调用

    刚刚接触express,它的中间件确实把我搞得头晕.get的回调中要不要加next?不加载还会执行下一个中间件么?给get指定'/'路径是不是所有以'/'开头的访问在没有确切匹配时都能执行?use件又 ...

  9. 3.2 C++继承方式

    参考: http://www.weixueyuan.net/view/6359.html  总结: 子类继承父类,继承方式将限制父类的成员属性在子类中的访问权限,子类访问父类的成员,也需要遵循其成员的 ...

  10. FFT理解

     *连续时间-周期性信号频谱 clc;clear;close all N = input('N= '); T = 0.05; n = 1:N; %原始数据输入 D = 2*pi/(N*T); %计算分 ...