学习笔记（二）关于js和jq

…

js的概念

JavaScript一个分成三大部分：

• ECMA Script可以理解为构成js（JavaScript，后面都用js表示）的语法基础。
• BOM（浏览器对象模型），用于操作浏览器上的对象。
• DOM（文档对象模型），用于获取操作网页中的元素。
  var p=document.getElementById(“aaa”)
  ele.getAtributr(“attribute”)ele元素的attribute属性（也可以是id/type等属性）

js的方法

window.alert();//写入警告框
document.write();//写入HTML输出
document.getElementById(“demo”).innerHTML();//写入HTML元素
console.log();//写入浏览器控制器

js的链接

• 内嵌式：head部分JavaScript脚本

<script>
	alert("内嵌式");
</scrip>

• 行内式：在html中
  <button οnclick=“alert(‘恭喜你,中奖啦’)”;>

• 外部链接式：单独的以.js结尾的文件中的JavaScript脚本

<script src="index.js"></script>

js的函数

JavaScript函数是被设计为执行特定任务的代码块。

• 自定义函数
  function 函数名(形参){函数体}
  函数名(实参);

如果js中出现两个重名的函数，会自动把前面的函数覆盖掉。

• 匿名函数
  function (形参){函数体}
  //将匿名函数赋值给一个变量，通过变量名调用函数
  var fn = function (形参){函数体}
  fn(实参);

js事件

事件三要素

• 事件源：被监听的HTML元素（某个HTML标签）
• 事件类型：某类动作
• 执行指令：事件触发后需要执行的代码，一般使用函数封装

例如：
onload 某个页面或图片加载完成
onclick 鼠标点击某个对象
onkeydown 键盘被按下
onmouseover 鼠标被移到某元素之上

jq的概念

jQuery是JavaScript库,其实就是一个js文件，把一些常用到的方法写到一个单独的js文件，文件里面封装了一大堆的方法，方便我们开发。使用的时候直接去引用这js文件就可以了。（例如animate.js、common.js）

如何使用jq

1. 引入 jQuery库

<script src="jquery-1.12.4.js"></script>

2.关于jQuery的入口函数：

//第一种写法
$(document).ready(function() {

});
//第二种写法
$(function() {

});
3.获取元素
jq对象：var jQueryObject=$(’#div’)
代替了DOM对象：
var DomObject=document.getElementById(‘div’)