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入口函数,是在文档加载完成后就执行.文档加载完成指 ...
随机推荐
- js修改样式
添加.删除class: $("#id").addClass("someClass"); $("#id").removeClass(" ...
- 二十四、JAVA的NIO和IO的区别
一.JAVA的NIO和IO 1.NIO:面向缓冲区(buffer)(分为非阻塞模式IO和阻塞模式IO)组成部分:Channels管道,Buffers缓冲区,Selectors选择器 2.IO:面向流( ...
- AMR文件结构
转自:http://blog.csdn.net/dinggo/article/details/1966444 https://blog.csdn.net/wlsfling/article/detail ...
- git Please move or remove them before you can merge.
git clean -d -fx "" 其中 x -----删除忽略文件已经对git来说不识别的文件 d -----删除未被添加到git的路径中的文件 f -----强制运行
- socket简述-------转载
“一切皆Socket!” 话虽些许夸张,但是事实也是,现在的网络编程几乎都是用的socket. ——有感于实际编程和开源项目研究. 我们深谙信息交流的价值,那网络中进程之间如何通信,如我们每天打开浏览 ...
- Java 实现倒计时（由秒计算天、小时、分钟、秒）
public class Countdown4 { private static long day = 0; private static long hour = 0; private static ...
- VS 中常用的一些快捷键
一.代码自动对齐 CTRL+K+F 二.撤销/反撤销 1.撤销---使用组合键“Ctrl+Z”进行撤销操作 2.反撤销---使用组合键“Ctrl+Y”进行反撤销操作 三.调用智能提示 使用组合 ...
- iconfont.cn批量加入
iconfont.cn还没有一个批量加入的功能 以下是最新的图标批量加入购物车功能代码. var icons = document.querySelectorAll('.icon-gouwuche1' ...
- x多进程
#!/usr/bin/env python3 # -*- coding: utf-8 -*- ''' from multiprocessing import Process import os #子进 ...
- java泛型讲解
原文: https://blog.csdn.net/briblue/article/details/76736356 泛型,一个孤独的守门者. 大家可能会有疑问,我为什么叫做泛型是一个守门者.这其实是 ...