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. hibernate建表默认为UTF-8编码

    一.问题: hibernate自动建表的编码应该是数据默认的编码格式,一般也不是utf-8.所以想要建表默认的编码是UTF-8,应该怎么做呢? 二.解决方法: 拿mysql举例: (一).修改hibe ...

  2. java 大数处理

    头文件:import java.util.*; import java.math.*; Scanner cin = Scanner (System.in);//读入 while(cin.hasNext ...

  3. 一个典型的多表参与连接的复杂SQL调优（SQL TUNING）引发的思考

    今天在看崔华老师所著SQL优化一书时,看到他解决SQL性能问题的一个案例,崔华老师成功定位问题并进行了解决.这里,在崔华老师分析定位的基础上,做进一步分析和推理,以便大家一起研究探讨,下面简述该案例场 ...

  4. zabbix安装教程

    1.下 载 https://www.zabbix.com/download 往下拉选择到源码版本下载 2.创建zabbix用户 zabbix需要以非root用户运行:如果以root用户运行那么他将会自 ...

  5. 五笔xu

      1● 横 a s d f g     半包围 上下 左右   2● 竖 h j k l m 左右 上下 半包围     3● 撇 q w e r t     半包围 上下 左右 4● 捺 y u ...

  6. 基于bootstrap的后台左侧导航菜单和点击二级菜单刷新二级页面时候菜单展开显示当前菜单

    本文使用的框架版本为: bootstrap3,Jquery2.1.0  (其他jquery可能会报错,菜单项不执行 效果如下: 1.在项目中引入框架: <link rel="style ...

  7. 熔断监控面板（Hystrix Dashboard）

    Hystrix Dashboard Hystrix-dashboard是一款针对Hystrix进行实时监控的工具,通过Hystrix Dashboard我们可以在直观地看到各Hystrix Comma ...

  8. JavaScrip(二)JavaScrip语法基础

    一:标识符 标识符是指变量,函数的名字,或函数的参数名: 1.命名规则 1.1第一个字符必须是一个字母.下划线(_).或一个美元符号($) 1.2其他字母可以是字母,下划线.美元符号或数字 1.3不能 ...

  9. C++基础知识：动态类型识别

    1.动态类型指的是基类指针所指向的对象的实际类型 2.C++中的多态根据实际的对象类型调用对应的虚函数(1)可以在基类中定义虚函数返回具体的类型信息(2)所有的派生类都必须实现类型相关的虚函数(3)每 ...

  10. ubuntu下修改文件权限

    参考:https://www.cnblogs.com/viviwind/archive/2012/08/02/2619451.html 常用方法如下: sudo chmod 600 ××× (只有所有 ...