jQuery交互
鼠标
$("button").click(function(){
$("p").slideToggle();
});
一些资源
这个网站提供了很多jquery 的插件 http://www.oschina.net/project/tag/282/jquery-tooltips
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。 http://v3.bootcss.com/
w3c一些基础语法 http://www.w3school.com.cn/jquery/
div排序
http://blog.csdn.net/paolei/article/details/6805007
网页标签
jquery UI input自动填充,
https://api.jqueryui.com/autocomplete/#event-response
使用方法很简单
$( ".selector" ).autocomplete({
source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
});
其中source的option可以是string,(用来表示网页),可以是数组,待填充的内容,也可以是函数,
重写函数的话
$( ".selector" ).autocomplete({
source: function(request,response){
//request表示你在Input里面输入的数据,
response(data);//data代表列出来的自动填充的可选项,
}
});
data=[{label:"aa",value:'aa'},{ ...}] ,data 的数据类型比较合适是上面的这种。然后用户选项之后处理数据用 select来处理
$( ".selector" ).autocomplete({
select: function( event, ui ) {}
});
其中ui.item.label存储着用户选中的数据,ui.item存储着上面对应的
{label:"aa",value:'aa'} 当然你也可以配置其他属性。