web前端技术 js\jQuery\Ajax
html负责搭建结构(页面哪里放div等等),css负责样式(字体颜色,盒子长宽高等等),js负责行为(鼠标点击事件,按钮点击事件等等)
CSS
html就不讲了,先看一下简单的css代码:
#div1样式只有一个标签可以用,是唯一的,.box样式是可以反复在多个标签中使用的
js
下面讲js(JavaScript),负责行为 也就是事件的定义:
鼠标放上面时的事件和鼠标离开时候的事件
方法里定义变量
js可以通过标签id或者标签名字来获取标签
方法里传参
不将事件的调用写在行间里,意思就是上面那张图里,点击事件οnclick=“setText(‘title’)” 不写在input标签里,直接全部写在里,就如下图,下图里包含很多知识点,function (){} 是指在定义方法的时候不给方法起名字,所以后续没有办法通过名字去调用这种函数,只能通过直接赋值的方式,window.onload是一个函数,所以可以把函数直接赋值给它,window.onload是指页面全部加载完后,再执行(html文档是从头到尾执行的文档,如果不声明的话,那么一上来就会先执行了script里的代码,此时里面获取标签的语句就会报没有声明的报错,因为body在下面 还没有执行到body,所以script里涉及到body里的东西都会报错) oBtn的点击事件就定义在了script里了
jQuery
什么是jQuery呢?jQuery(js Query)主要用于js查询,其实就是对js的语法进行了封装,在js的基础上形成的一个库,用更简单的语法来实现js的语法
如何和js一样声明整个页面加载后再执行呢?也就是怎么定义入口呢?
();那么它里面是可以传参的,我们就直接穿了一个函数给它$(function (){})
那么整体的意思就是当整个页面加载之后 执行function (){}里的内容
jQuery具体的使用过程
js与jQuery获取标签的语法对比:
Ajax
什么是Ajax:
Ajax的工作流程: