JQ/JS 随笔3 （选择器/事件）

果然还是在项目组中成长才是最迅速的，最进做的都是前台工作，为此又加深了对jq/js的理解  记录下

1. 可能有些会分不清的问题

.html / .text() / .val()
这三个分别在什么时候使用
1. html
是在同时设置新标签/属性时用到的
2. text()
获取纯文本的时候使用，同时也可以使用.text(value) 设置他的文本值
3. val()
这个和 .text() 用法相同,可以设置值,也可以取值，不过他取出的是 标签中value属性的值,同理 设置的也是

2.设置鼠标悬停/离开事件

"<span id='"+obj+"' onMouseOver='stop(this)' onMouseOut='start(this)'></span>"
可以看到是直接在标签内部设置的事件,入参我传的是this （即本身）可根据需求自定
说一下为什么将事件设置到标签内部，在刚用到的时候是想通过jq/js 动态设置的 但是通过id/name等方式都没设置成功，在网上找了好多相关文章发现都是相同方法（通过id/name设置）都是无效的 
调用就简单多了,和点击事件相同 上图

3.选择器

选择器其实在前台真的十分重要的，有很多地方我们可以直接通过选择器便捷的找出我们想要的数据，文档中比较全面这里就不做记录了
有几个很好用的 提下
1. find（'targetName'）  //向下查找  子元素
在指定元素下查找指定元素（入参为标签名 如:'span'）
$(this).find（'span').attr('id');
在当前标签下找到 span 并返回他的id
2. parent()   //向上查找  父元素
和find正好相反 一个是找上级元素，一个是下级为元素，用法相同
$(this).parent（'span').attr('id');
在当前标签找到 他的父级span标签 返回id