最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jquery实现多条件筛选特效代码分享_jquery

来源:动视网 责编:小采 时间:2020-11-27 21:43:02
文档

jquery实现多条件筛选特效代码分享_jquery

jquery实现多条件筛选特效代码分享_jquery:本文实例讲述了jquery实现多条件筛选特效。分享给大家供大家参考。具体如下: jquery实现的多条件搜索表单带日期选择表格表单效果源码,是一段实现了多个条件筛选搜索的特效代码,多条件拥有时间、地点、酒店位置及酒店名称等选项,同时在时间的输入表格中拥
推荐度:
导读jquery实现多条件筛选特效代码分享_jquery:本文实例讲述了jquery实现多条件筛选特效。分享给大家供大家参考。具体如下: jquery实现的多条件搜索表单带日期选择表格表单效果源码,是一段实现了多个条件筛选搜索的特效代码,多条件拥有时间、地点、酒店位置及酒店名称等选项,同时在时间的输入表格中拥
 本文实例讲述了jquery实现多条件筛选特效。分享给大家供大家参考。具体如下:
jquery实现的多条件搜索表单带日期选择表格表单效果源码,是一段实现了多个条件筛选搜索的特效代码,多条件拥有时间、地点、酒店位置及酒店名称等选项,同时在时间的输入表格中拥有时间选择功能,是一款非常实用的特效代码,值得大家学习。
运行效果图: -------------------查看效果 下载源码-------------------

小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。
为大家分享的jquery实现多条件筛选特效代码如下






jquery多条件搜索表单带日期选择表格表单代码






$(document).ready(function(){
 var tab = new $.fn.tab({
 tabList:"#demo1 .ui-tab-container .ui-tab-list li",
 contentList:"#demo1 .ui-tab-container .ui-tab-content"
 });
 var tab = new $.fn.tab({
 tabList:"#demo1 .ui-tab-container .ui-tab-list2 li",
 contentList:"#demo1 .ui-tab-container .ui-tab-content2"
 }); 
}); 


$(function (){
 $("input.mh_date").datejs({ 
 Event : "click",//可选 
 Left : 0,//弹出时间停靠的左边位置
 Top : -16,//弹出时间停靠的顶部边位置
 fuhao : "-",//日期连接符默认为-
 isTime : false,//是否开启时间值默认为false
 beginY : 2010,//年份的开始默认为1949
 endY :2015//年份的结束默认为2049
 });
 
});


 $(document).ready(function(e) {
 $("#selectList").find(".more").toggle(function(){
 $(this).addClass("more_bg");
 $(".more-none").show()
 },function(){
 $(this).removeClass("more_bg");
 $(".more-none").hide()
 });
 });
 

 $(document).ready(function(){
 var taboy_box=$(".lefttable-list");
 taboy_box.children("tbody").find("tr:gt(2)").hide(); 
 $(".leftbox-morea").toggle(function(){
 $(this).parent().prev().find("tr").show();
 $(this).addClass("more-i")
 },function(){
 $(this).removeClass("more-i");
 $(this).parent().prev().children("tbody").find("tr:gt(2)").hide(); 
 }
 );
 });
 




目的地入住退房酒店位置酒店名称搜索 酒店位置
  • 景点
  • 交通枢纽
  • 地铁周边
  • 行政区
  • 景点
  • 交通枢纽
  • 22222

    琶洲展馆

    淘金/环市东

    广州东站/天河北

    北京路/海珠广场

    珠江新城/跑马场

    长隆景区/广州南站

    沙面/上下九步行

    酒店价格 自定义 - 酒店星级 主题风格 更多 主题风格 208家酒店 【清空全部】 已选条件:

    文档

    jquery实现多条件筛选特效代码分享_jquery

    jquery实现多条件筛选特效代码分享_jquery:本文实例讲述了jquery实现多条件筛选特效。分享给大家供大家参考。具体如下: jquery实现的多条件搜索表单带日期选择表格表单效果源码,是一段实现了多个条件筛选搜索的特效代码,多条件拥有时间、地点、酒店位置及酒店名称等选项,同时在时间的输入表格中拥
    推荐度:
    标签: 实现 代码 jQuery
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top