学习js和jquery时遇到的各种坑

js的事件名称与jquery不同，比如：

js	jquery
onclick	click
onblur	blur
onfocus	focus
onmousemove	mousemove

包括函数的使用也会有所不同

比如说聚焦文本框后，让覆盖的区域隐藏
html部分：

    <div class="nav-word">
        <a onclick="return false;" href="">首页</a><span></span>
        <a onclick="return false;" href="">首页</a><span></span>
        <a onclick="return false;" href="">首页</a><span></span>
        <a onclick="return false;" href="">首页</a><span></span>
        <a onclick="return false;" href="">首页</a>
    </div>
    <div class="header-search">
        <input type="text" id="text">
        <button><i class="iconfont icon-search nav-found"></i></button>
    </div>

js部分
$(“input”).focus(function(){
$(“div.nav-word”).addClass(“active1”);
// 判断焦点聚集时
})
$("#text").blur(function(){
$(“div.nav-word”).removeClass(“active1”);
// 当失去焦点时
})

css部分：
.active1{
display: none;
}
其中的函数名称被坑了一把，然后函数的使用，网上查到的是$(“input”).focus = function(){}

然后呢：

a {
text-decoration: none;
}
这么写并不能使a标签清除下划线。
得这么写：
$(“a”).css(“text-decoration”, “none”);

设置下划线：
$(“a”).css(“text-decoration”, “underline”);