jQuery的文件引入、入口函数以及js对象和jquery对象之间的互相转换
JavaScript与jquery的区别
- JavaScript是一门编程语言，用来编写客户端浏览器脚本。
- jQuery是javascript的一个库，包含多个可重用的函数，用来辅助简化javascript开发
- 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对象之间的互相转换的更多相关文章
- 修改PE文件的入口函数OEP
修改入口函数地址.这个是最省事的办法,在原PE文件中新增加一个节,计算新节的RVA,然后修改入口代码,使其指向新增加的节.当然,如果.text节空隙足够大的话,不用添加新节也可以. BOOL Chan ...
- jquery的入口函数 和 js和jq的转化
先引入jq包 然后<script type="text/javascript"> $(function{ 获取标签:$('#box2') jq转为js:$('#box2 ...
- 2、jQuery的基本概念-必看-版本-入口函数- jq对象和dom对象区别
1.4. jQuery的版本 官网下载地址:http://jquery.com/download/ jQuery版本有很多,分为1.x 2.x 3.x 大版本分类: 1.x版本:能够兼容IE678浏览 ...
- 01-老马jQuery教程-jQuery入口函数及选择器
前言 这套jQuery教程是老马专门为寒门子弟而录制,希望大家看到后能转发给更多的寒门子弟.视频都是免费,请参考课程地址:https://chuanke.baidu.com/s5508922.html ...
- jQuery的入口函数
原生的JS的入口函数指的是:window.onload = function(){}: 如下所示: //原生js的入口函数.页面上所有内容加载完毕, 才执行.//不仅要等文本加载完毕, 而且要等图片也 ...
- 什么是jquery $ jQuery对象和DOM对象 和一些选择器
1什么是jQuery: jQuery就是将一些方法封装在一个js文件中.就是个js库 我们学习这些方法. 2为什么要学习jQuery: 原生js有以下问题: 1.兼容性问题2.代码重复3.DOM提供的 ...
- JS json字符串转对象、对象转字符串
JSON是javascript原生格式,在JavaScript中处理json数据不需要任何特殊的API或者工具包. JSON中,有两种结构:对象和数组. 在数据传输流中,json是以文本,即字符串的形 ...
- js中parseInt()与parseFloat(),Number(),Boolean(),String()转换
js将字符串转数值的方法主要有三种 转换函数.强制类型转换.利用js变量弱类型转换. 1. 转换函数: js提供了parseInt()和parseFloat()两个转换函数.前者把值转换成整数,后者把 ...
- 5.js与jQuery入口函数执行时机
js与jQuery入口函数执行时机区别: JS入口函数是在所有资源加载完成后,才执行.(包括:页面.外部js文件.外部css文件.图片) jQuery入口函数,是在文档加载完成后就执行.文档加载完成指 ...
随机推荐
- Vue keep-alive总结
<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM. <keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是 ...
- 四、触发器（Trigger）
一.触发器 有点类似AOP里的拦截器,触发器不能传递参数,也不能输出参数,也不能显式调用,只有当满足触发器条件的时候Oracle会自动调用. 触发器: 1.语句级别的触发器:CRUD操作 2.行级别的 ...
- SQL SERVER版本补丁体系及升级
首先了解几个定义: RTM : 表示 Release to Manufacturing ,这是产品的原始发布版本,当从光盘或 MSDN 下载的默认版本.不过现在下载 SQL Server 版本时,也有 ...
- CAD绘制栏杆5.10
REC绘制一个矩形,(40,40)回车.通过它的中点移动到扶手的中点用移动工具把它往右边稍微移动.在三维图中EXT命令拉伸它,拉到扶手底面.如图选择三维扶手,右击,加栏杆,选择我们绘制的栏杆,单元宽度 ...
- 逆袭之旅DAY20.XIA.选择结构
2018-07-16 18:50:49 本章目标: 基本if选择结构 逻辑运算符 多重if选择结构 嵌套if选择结构 什么是if选择结构: if选择结构是根据条件判断之后再做处理 import ja ...
- liunx文件操作 文件查看
文件的阅读命令 head 命令 head命令可以用来查看文件的开头部分,命令的格式是: head 文件名 默认设置,它只查看文件的前10行.但可以通过指定一个数字选项来改变要显示的行数,命令如下 he ...
- learning ddr mode register MR2
- EF-关于类库中EntityFramework之CodeFirst(代码优先)的操作浅析
前有ADO.NET,后有ORM模式的EntityFramework.这两种技术都实现了对数据库的访问操作.如果要说哪种技术好,就看项目架构的大小,使用者的熟练程度等等,毕竟萝卜白菜,各有所爱. 今天要 ...
- 5.9 C++重载转型操作符
参考:http://www.weixueyuan.net/view/6387.html 注意: 转型构造函数可以将其它类型的参数转换为类类型,如果我们要进行相反的转换过程,将类类型转换为其它数据类型, ...
- SQL-34 对于表actor批量插入如下数据
题目描述 对于表actor批量插入如下数据CREATE TABLE IF NOT EXISTS actor (actor_id smallint(5) NOT NULL PRIMARY KEY,fir ...