前端学习Day27-jQuery

下载jQuery

下载官网

jQuery

如何使用jQuery（注意：每个网页中不共享作用域）

script标签导入jQuery，中间不能写东西

html()和text()操作元素内容

html()        表示插入或读取元素内的代码段，无参数时是读取，有参数时是插入

text()         表示插入或读取元素内的text纯文本，无参数时是读取，有参数时是插入

val()操作元素value

html()|text()这两个函数不能操作input元素，需要用val()函数

一般情况下，html()|text()用来写元素，val()用来读元素

使用元素监听事件

名称	表示
按钮单击	onclick
按钮双击	ondbclick
输入框点击	onblur
输入框撤销点击	onfocus
键盘弹起	onkeyup
键盘消失	onkeydown

使用jQuery监听事件 

流程是选中选择器按钮，注册事件，回调函数

第一种写法：用于函数需要被多个事件回调，把函数独立写出来

第二种写法：用于函数只被一个事件回调，把函数写成匿名函数

  

使用on/off注册和删除事件 

事件冒泡（事件传播）、事件委托

原理是点击时只选择点击的内容，而不会把父辈的也显示出来

停止事件传播用：event.stopPropagation();