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. 《高性能SQL调优精要与案例解析》一书谈主流关系库SQL调优（SQL TUNING或SQL优化）核心机制之——索引（index）

    继<高性能SQL调优精要与案例解析>一书谈SQL调优(SQL TUNING或SQL优化),我们今天就谈谈各主流关系库中,占据SQL调优技术和工作半壁江山的.最重要的核心机制之一——索引(i ...

  2. ActiveMQ 集群和主从

    举例说明:假设有 3 个 broker 节点,分别是61616,61618, 61620,其中 61616 和 61618 组成主.从节点,而 61616(或61618)和 61620 构成集群.61 ...

  3. java多线程读一个变量需要加锁吗？

    如果只是读操作,没有写操作,则可以不用加锁,此种情形下,建议变量加上final关键字: 如果有写操作,但是变量的写操作跟当前的值无关联,且与其他的变量也无关联,则可考虑变量加上volatile关键字, ...

  4. XIA.人机猜拳

    package test1_game; /** * 电脑玩家类 * * @author ljj * */ import java.util.Scanner; public class Computer ...

  5. ssd物体检测模型训练和测试总结

    参考网址:github:https://github.com/naisy/realtime_object_detection 2018.10.16ssd物体检测总结:切记粗略地看一遍备注就开始训练模型 ...

  6. oo作业总结(四)

    测试与正确性论证 测试是通过构造一系列测试数据,通过对比程序的实际运行结果和预期输出结果来判断程序是否有bug的一种手段.同时,在测试的时候是默认看不到程序的具体实现的,即进行黑盒测试,例如每次OO作 ...

  7. [Leetcode 55]跳格子JumpGame

    [题目] Given an array of non-negative integers, you are initially positioned at the first index of the ...

  8. VSTO：使用C#开发Excel、Word【3】

    <Visual Studio Tools for Office: Using C# with Excel, Word, Outlook, and InfoPath >——By Eric C ...

  9. Linux系统管理常用命令用法总结（1）

    1.usermod可用来修改用户帐号的各项设定. usermod [-LU][-c <备注>][-d <登入目录>][-e <有效期限>][-f <缓冲天数& ...

  10. bootstrapTable--4.删除和批量删除

    http://blog.csdn.net/qq_26553781/article/details/78058389 ------------------------------------------ ...