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入口函数,是在文档加载完成后就执行.文档加载完成指 ...
随机推荐
- win10 中redis client提示 ERR Client sent AUTH,but no password is set
[问题原因]Redis服务器没有设置密码,但客户端向其发送了AUTH(authentication,身份验证)请求. [解决办法] 确定Redis启动时指定是哪个配置文件 如上图是 redis.win ...
- JavaScript -基础- 函数与对象（二）String
一.判断数据类型typeof与判断对象类型instanceof 1.typeof typeof只能判断基础数据类型,无法判断引用数据类型 <script> var s="hell ...
- Java并发编程_synchronized关键字的用法（一）
synchronized:意思是 同步,也就是 共享资源 Synchronized修饰方法:对象锁 Static Synchronized修饰方法:类锁 下面代码手动敲一遍,就会理解 一.Synch ...
- Iterator，迭代器模式，C++描述
body, table{font-family: 微软雅黑; font-size: 13.5pt} table{border-collapse: collapse; border: solid gra ...
- vue-router-8-路由组件传参
在组件中使用$route会使之与其对应路由形成高度耦合,使用props解耦 const User = { props: ['id'], template: '<div>User{{ id ...
- 3.1 Makefile
安装make 安装make sudo apt-get install make make -v
- 怎样关掉 ubuntu 中的 System Program Problem Detected 提示框
怎样关掉 ubuntu 中的 System Program Problem Detected 提示框 方法如下:sudo gedit /etc/default/apport 打开该文件如下:# se ...
- StringUtils详细介绍
StringUtils详细介绍 public static void TestStr(){ #null 和 "" 操作~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ...
- 缓存一致性协议 mesi
m : modified e : exlusive s : shared i : invalid 四种状态的转换略过,现在讨论为什么有了这个协议,i++在多线程上还不是安全的. 两个cpu A B同时 ...
- jmeter中添加压力机
在压测的时候,可能并发比较大,一台机子已经启动不了那么多并发了,这个时候就是有多台机子一起来并发,就要添加压力机 如何添加压力机呢: 1.其他电脑上也安装了jmeter,和其他电脑都能ping通当前电 ...