按照代码来看的话，点击click me的效果是弹出元素已加载完毕，但是实际运行之后，发现点击并不会弹出，原因就是dom还没有加载完毕，所以不可以通过document.get...的方式获取对象，所以这里要注意，不能直接在<script>中写document什么的，因为根本没有dom对象呢

要解决这个问题需要通过其他的方式

把<script>写在body之下，这样就可以了，这样就可以在body加载完之后有dom对象了，然后通过这个dom对象document.getElementById。。。的方式来获取对象了。

或者还把script写在原来的位置，而把原来的那些代码放到window.onload()页面加载函数中，这样页面加载完毕之后就会自动运行这个代码，而此时的dom对象也是存在的，代码是可以正常运行的

常用事件

hide（）:在html文档中，为一个元素调用hide（）方法，会将该元素的display样式设为none，代码功能同css（“display”，“none”）

show（）显示，以上两个方法在不带任何参数的情况下是立即显示或者隐藏（可以通过参数使之有动态效果）

bind（“事件名称”，function（）{事件具体操作}），上图是绑定了click点击事件，一般习惯直接点click

unbind();为解绑事件

one（）：该方法可以为元素绑定处理函数，当处理函数触发一次后，处理函数立即删除，即在每个对象上，事件处理函数只执行一次

$(this).next();表示当前对象的下一个兄弟节点，

$content是jquery中申明变量的方式，要加一个$，之所以要加一个$,是因为在开发过程中形成的一种默契，让人一看就知道这个是jquery对象

$content.is(":visible")的意思是content对象是否是可见的

focus（）为获取焦点事件

对象.focus(function(){

...

})

blur（）失去焦点

这个是连续绑定了两个事件，一个是鼠标移入事件，一个是鼠标移出事件，是将当前对象的下一个兄弟节点显示获取隐藏。

unbind为事件解绑

$(".head").hover（f1,f2）当鼠标移入对象范围的时候此时执行f1，当鼠标移出范围的时候此时执行f2

对象点toggle（f1，f2）当鼠标点击对象范围的时候执行f1，当鼠标再次点击对象范围的时候执行f2

fadeIn（参数），fadeOut（参数）只改变元素的透明度，fadeOut（）会在指定的一段事件内降低元素的透明度，直到完全消失，fadeIn则完全相反

slideDown（参数），slideUp（参数）：只会改变元素的高度，如果一个元素的display属性为none，当调用slidedown（）方法时，这个元素将由上至下延伸显示，slideUp（）方法正好相反，元素由下至上缩短隐藏

这里面的参数应该时数字，而有些非数字参数也和数字是一样的效果，比如fast（200毫秒）,normal(400毫秒)，slow（600毫秒）

toggle()切换元素的可见状态，如果元素可见，则切换为隐藏，如果元素隐藏，则切换为可见

slideToggle（）;通过高度来切换匹配元素的可见性,参数越大，消失出现的越慢

fadeTo（）把不透明以渐进的方式调整到指定值

fadeToggle（）通过不透明元素切换匹配元素的可见性

slideToggle（1000）

fadeTo（"slow",0.9）缓慢（600毫秒）将透明度变成0.9

每天分享编程知识，欢迎关注