最佳答案

<div class="school_sum1 marginauto_grade">

<p id="gradeDispInfo">

</div>

段落内容。当前无内容应该会通过js加入内容。

<div class="zijin_forage switch">

<div class="searce" id="searchDiv">

<span class="searce_book_input searce_book_input_none">

<i></i>

placeholder->输入框中预显示的值

onKeyUp->键盘弹起事件,键盘按下弹起时触发,指向changeSearchBookBtn方法

onKeyDown->键盘按下事件,键盘按下时触发,指向changeSearchBookBtn方法

onKeyPress->键盘按下时间,键盘按下并且未弹起时触发,指向changeSearchBookBtn方法

oninput->输入文字时,实际上点击输入框时焦点出现就触发,指向changeSearchBookBtn方法

onChange->和上面类似,不同点在于失去焦点触发，指向changeSearchBook

<input type="text" placeholder="搜寻书籍" id="wbSearch" onKeyUp="changeSearchBookBtn()" onKeyDown="changeSearchBookBtn()" onKeyPress="changeSearchBookBtn()" oninput="changeSearchBookBtn()" onChange="changeSearchBook()"/>

</span>

</div>

<div class="recent" id="resentHref" >

<span style="display: none">

这里应该显示最近使用或者看过的书。

<img src="/cms/static/images/stick_top.png" alt="">

</span>

<button type="button" id="searchBook" style="visibility: hidden;" >取消</button>

</div>

<div class="zijin_keyword" style="display: none">

<div class="keyword_matching" style="display:none">

<div class="keyword_matching_body">

<ul id="kwSearchRs">

这里应该会加载一个键盘。

</ul>

</div>

</div>

<!--关键字匹配-->

<div class="no-forage" style="display:none">

<img src="/cms/static/images/no-forage.png" alt="">

<a href="/cms/weixin/hw/toAddNewBook">添加新书</a>

跳转到一个新页面,实现添加新书的功能。

</div>

</div>

</div>