jquery对象与核心函数
原生js入口函数与jQuery入口函数的区别
1、window.onload与document.ready在加载时间上的差异
document.ready会先触发,其次才是window.onload
window.onload是在所有的DOM元素都加载完成之后才会被触发
document.ready事件在DOM结构绘制完成之后就绘执行。这样能确保就算有大量的媒体文件没加载出来,JS代码一样可以执行,这些元素中不包含图片
* 浏览器加载一个页面的过程,主要分为4步
* 1.加载html,并且把html元素进行解析
* 2. 加载css样式
* 3. 进行布局
* 4.进行渲染
2、window.onload与document.ready在加载次数上的差异
window.onload如果注册多次的话,只会执行最后一次,因为会覆盖
document.ready如果注册多次话,他们会全部被执行
jQuery入口方法的多种写法
1、$(document).ready()
2、jQuery(document).ready()
3、$(function(){}) //在开发中最常用一种方式
jQuery的冲突问题
解决jq与其他框架的冲突方式有两种
1、把$符号改为jQuery
2、jQuery.noConflict()
2.1、如果noConflict函数的参数为false,则只放弃$,不放弃jQuery
2.2、如果noConflict函数的参数为true,则全部放弃
3、设置jQuery的别名
var jq=jQuery.noConflict()
jQuery核心函数
jquery的核心函数其实就是$()
1、接收一个函数

//将会自动运行该函数,并且返回一个jq对象,对象内容为document
2、接收一个字符串
2.1、接收一个字符串选择器

//此时将会返回一个jq对象,对象内容为选择器所选中的内容
2.2、接收一个dom对象的字符串

//此时将会返回一个jq对象,对象内容为此字符串生成的dom对象
3、接收一个DOM元素

//此时会返回一个jq对象,内容为这个dom对象
jQuery对象
1、什么是jquery对象
jQuery的对象是一个伪数组
2、什么是伪数组?
有0—length-1的属性,并且包含length属性
欢迎加入web前端冲击顶级高薪大厂学习群,群聊号码:820269529
jquery对象与核心函数的更多相关文章
- Jquery()核心函数的7个重载方法
(1) jquery() 该函数返回一个空的jQuery对象.在jQuery1.4以后的版本中,改函数返回一个空的jQuery对象.在之后的版本中,该函数会返回一个包含document节点的对象. ( ...
- 什么是jquery $ jQuery对象和DOM对象 和一些选择器
1什么是jQuery: jQuery就是将一些方法封装在一个js文件中.就是个js库 我们学习这些方法. 2为什么要学习jQuery: 原生js有以下问题: 1.兼容性问题2.代码重复3.DOM提供的 ...
- jQuery对象和DOM对象的相关知识
所谓的DOM就是Document Object Model(文档对象模型)的缩写,或许是我水平低的缘故,感觉就是HTML的标记元素嘛,所以作者画了下面的图: 像这样的元素,就是所谓的DOM对象,获取值 ...
- 惊叹jQuery(解决jQuery对象到DOM的转换)
jQuery是一个javascript框架,但绝对不是通常意义上的一些包装,个人感觉是一个改变js控制方式的框架.我们可以像美工通过写css分离页面代码一样,通过jQuery来分离页面与效果..下面转 ...
- 【简译】jQuery对象的奥秘:基础介绍
本文翻译自此文章 你有没有遇到过类似$(".cta").click(function(){})这样的JavaScript代码并且在想“$('#x')是什么”?如果这些对你想天书一样 ...
- JQuery日记 5.31 JQuery对象的生成
JQuery对象的生成 1 selector为不论什么可转换false的空值 返回空JQuery对象 2 selector为字符串 2.1 selector为html字符串或有id属性的标签 ...
- JavaScriptDOM对象和jQuery对象的互相转换
前言: 首先我们思考能不能直接在jQuery对象上调用原生DOM对象的方法或者直接在原生DOM对象调用jQuery对象呢?答案是否定的,我们看下把body背景色变为红色的代码: $("bod ...
- jQuery源码分析-03构造jQuery对象-源码结构和核心函数
3. 构造jQuery对象 3.1源码结构 先看看总体结构,再做分解: (function( window, undefined ) { var jQuery = (function() { // 构 ...
- Jquery学习笔记(1)--JQuery原理,与JS对象互换,核心函数
js对象转jQuery对象,$('num'), jQuery对象转js对象,$('num')[0],或$('num').get(0). 1.点击换行,each(),html(),attr(),每个h1 ...
随机推荐
- Establishing SSL connection without server's identity verification is not recommended.
完全描述:Establishing SSL connection without server's identity verification is not recommended. Accordin ...
- JSON与XML比较
1. 定义介绍 1.1 XML定义 扩展标记语言 (Extensible Markup Language, XML) ,用于标记电子文件使其具有结构性的标记语言,可以用来标记数据.定义数据类型,是一种 ...
- php-elasticsearch bulk批量插入数据
1.单条插入 <?php include '../vendor/Elasticsearch/autoload.php'; $a['hosts'] = array( #需要用户名时 http:// ...
- CocoaPods的PodSpec.json文件用法
最近有时候用最新的CocoaPod的第三方库,有时候发现CocoaPod.org能搜到那个Podfile,但是每次在终端Pod search xxx,每次都搜不到,原来是本地的Podspec没用更新, ...
- sql92和sql99
sql1992sql分类 1.笛卡尔积 (表乘表) 2.等值连接 表的连接条件使用“=” 3.非等值连接 表的连接条件使用“>.>=. <.<=.!=.any等” 4.自连接 ...
- Numpy随机数(一):超几何分布
超几何分布 产品抽样检查中经常遇到一类实际问题,假定在N件产品中有M件不合格品,即不合格率 . 在产品中随机抽n件做检查,发现k件不合格品的概率为 ,k=0,1,2,...,min{n,M}. Num ...
- CSS生成小三角
前言:小三角的应用场景:鼠标移动到某个按钮上面,查看信息详情时,信息详情弹出框有时候会需要一个小三角. 代码如下: <div id='triangle'></div> #tri ...
- WPF的布局--DockPanel
1.DockPanel: 以上.下.左.右.中为基本结构的布局方式 类似于Java AWT布局中的BorderLayout. 但与BorderLayout不同的是,每一个区域可以同时放置多个控件,在同 ...
- ELF文件解析器支持x86x64ELF文件
此文为静态分析ELF文件结构,遍历其中Elf_Ehdr文件头信息,遍历Elf_Shdr节表头信息,并将所有节放置在左侧树控件上,遍历Elf_Phdr程序头也放置在左侧树控件上,并着重分析字符串表,重定 ...
- Java的协变、逆变与不可变
package javase; import java.util.ArrayList; import java.util.List; class Animal{ } class Cat extends ...