第69天:jQuery入口函数

简介: 一、jQuery入口函数1、$(document).ready(function(){});2、$(function(){});二、事件处理程序 1、事件源Js方式:document.getElementById(“id”)jQuery方式:$(“#id”)2、事件Js方式 :document.

一、jQuery入口函数

1、$(document).ready(function(){});

2、$(function(){});

二、事件处理程序 

1、事件源

Js方式:document.getElementById(“id”)

jQuery方式:$(“#id”)

2、事件

Js方式 :document.getElementById(“id”).onclick

jQuery方式: $(“#id”).click

区别:jQuery的事件不带on

3、事件处理程序

Js 书写方式:

document.getElementById(“id”).onclick = function(){// 语句}

jQuery 书写方式:

$(“#id”).click(function(){// 语句});

三、jQuery和js入口函数的区别

1、Jswindow.onload事件是等到所有内容,以及我们的外部图片之类的文件加载完了之后,才回去执行

2、jQuery的入口函数 是在 html所有标签都加载之后,就回去执行。

四、js创建对象三种方式

三种方式:

  1. var obj = {};//推荐
  2. var obj1 = new Object();//涉及到原型查找的问题
  3. var obj2 = Object.create();//ES5标准新方法

 

五、jQuery文件引入

 

相关文章
|
4月前
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
|
2月前
|
JavaScript 前端开发
jQuery的作用及入口函数
jQuery的作用及入口函数
15 1
|
4月前
|
JavaScript 前端开发
jQuery 常用函数解析
jQuery 常用函数解析
|
4月前
|
JavaScript 前端开发 开发者
jQuery中的ready()函数:优雅地处理页面加载事件
jQuery中的ready()函数:优雅地处理页面加载事件
|
5月前
|
JavaScript 前端开发 索引
【Web 前端】jQuery 里的 each() 是什么函数?你是如何使用它的?
【5月更文挑战第2天】【Web 前端】jQuery 里的 each() 是什么函数?你是如何使用它的?
|
5月前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
|
5月前
|
JavaScript
jQuery自定义动画-第8次课-animate-stop函数-附案例
jQuery自定义动画-第8次课-animate-stop函数-附案例
37 0
|
5月前
|
JavaScript 前端开发
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
42 0
|
5月前
|
JavaScript 前端开发
jQuery的入口函数
jQuery的入口函数
36 0
|
5月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload