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入口函数,是在文档加载完成后就执行.文档加载完成指 ...
随机推荐
- 三、持久层框架（Hibernate）
一.Hibernate处理关系 关系主要有三种:1.多对一 2.一对多 3.多对多 1.多对一 一个Product对应一个Category,一个Category对应多个Product(一个产品对应一个 ...
- 一、I/O操作（缓存流，数据流，对象流）
一.缓存流 以介质是硬盘为例子说明,字节流和字符流的缺点: 每次读写的时候,都会访问硬盘,如果读写频率比较高的时候,性能不佳.为了解决问题,采用缓存流. 缓存流在读取的时候,会一次性读较多的数据到缓存 ...
- 牛客多校第三场 A—pacm team （4维背包加路径压缩）
链接:https://www.nowcoder.com/acm/contest/141/A 来源:牛客网 Eddy was a contestant participating , Eddy fail ...
- 把旧系统迁移到.Net Core 2.0 日记 (16) --Cors跨域访问
IE浏览器的Intranet局域网设置默认是可以跨域访问的.chrome就不可以. 这里说的跨域是指javascript代码不能跨域, 当然你在后端controller代码里用HttpClient.G ...
- ueeditor 百度编译器使用onchange效果
<script id="editor" type="text/plain" style="width:100%;height:200px;&qu ...
- AI工具5.13
如果想选中上面的很多图形,可以锁定不需要选择的下面的图形.选择需要锁定的对象.“对象”“锁定”“所选对象” “对象”“变换”“再次变换”快捷键“ctrl=d"一般前面有其他操作如“移动”“复 ...
- tensorflow之word2vec_basic代码研究
源代码网址: https://github.com/tensorflow/tensorflow/blob/r1.2/tensorflow/examples/tutorials/word2vec/wor ...
- Win10系列：VC++媒体播放控制3
(5)添加视频进度条 视频进度条可以用来显示当前视频的播放进度,并可以通过拖动视频进度条来改变视频的播放进度.接下来介绍如何实现视频进度条,首先打开MainPage.xaml文件,并在Grid元素中添 ...
- JavaScript中如何对一个对象进行深度clone
<!doctype html><html><head><meta charset="utf-8"><title>深克隆& ...
- IOS应用内支付IAP从零开始详解
前言 什么是IAP,即in-app-purchase 这几天一直在搞ios的应用内购,查了很多博客,发现几乎没有一篇博客可以完整的概括出所有的点,为了防止大伙多次查阅资料,所以写了这一篇博客,希望大家 ...