欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于jQuery實(shí)現(xiàn)頁(yè)面搜索功能

 更新時(shí)間:2020年03月26日 17:05:03   作者:macanfa  
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)頁(yè)面搜索功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

jQuery實(shí)現(xiàn)頁(yè)面搜索,搜索篩選用戶輸入的內(nèi)容!

HTML:

<div class="table">
  <table>
   <tr id="theader">
   <th>姓名</th>
   <th>性別</th>
   <th>聯(lián)系方式</th>
  </tr>
  <tr>
   <td>客服</td>
   <td>女</td>
   <td>161654466</td>
  </tr>
  <tr>
   <td>掌柜</td>
   <td>男</td>
   <td>37398378737</td>
  </tr>
  <tr>
   <td>小二</td>
   <td>男</td>
   <td>37398378737</td>
  </tr>
  <tr>
   <td>小三</td>
   <td>女</td>
   <td>3464653537</td>
  </tr>
  <tr>
   <td>小四</td>
   <td>女</td>
   <td>37398378737</td>
  </tr>
  </table>
  <input type="text"></input>
  <input type="button" value="搜索"></input>

 </div>

JQ:

$(function(){
  $("input[type=button]").click(function(){
   var txt=$("input[type=text]").val();
   if($.trim(txt)!=""){

    $("table tr:not('#theader')").hide().filter(":contains('"+txt+"')").show().css("background","red");
   }else{
    $("table tr:not('#theader')").css("background","#fff").show();
   }
  });
 })

更多搜索功能實(shí)現(xiàn)的精彩文章,請(qǐng)點(diǎn)擊專題:javascript搜索功能匯總 進(jìn)行學(xué)習(xí)

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 使用ajaxfileupload.js實(shí)現(xiàn)上傳文件功能

    使用ajaxfileupload.js實(shí)現(xiàn)上傳文件功能

    這篇文章主要為大家詳細(xì)介紹了使用ajaxfileupload.js實(shí)現(xiàn)上傳文件功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-08-08
  • jQuery實(shí)現(xiàn)字符串全部替換的方法

    jQuery實(shí)現(xiàn)字符串全部替換的方法

    這篇文章主要介紹了jQuery實(shí)現(xiàn)字符串全部替換的方法,結(jié)合實(shí)例形式對(duì)比分析了使用Replace進(jìn)行替換的方法及使用正則進(jìn)行全部替換的相關(guān)操作技巧,需要的朋友可以參考下
    2016-12-12
  • jquery $.fn $.fx是什么意思有什么用

    jquery $.fn $.fx是什么意思有什么用

    $.fn是指jquery的命名空間,加上fn上的方法及屬性,會(huì)對(duì)jquery實(shí)例每一個(gè)有效,下面簡(jiǎn)單為大家介紹下jquery $.fn $.fx到底是怎么一回事
    2013-11-11
  • jquery.lazyload  實(shí)現(xiàn)圖片延遲加載jquery插件

    jquery.lazyload 實(shí)現(xiàn)圖片延遲加載jquery插件

    看到了淘寶產(chǎn)品介紹中,圖片是在下拉滾動(dòng)條時(shí)加載,這是一個(gè)很不錯(cuò)的用戶體驗(yàn)。減少了頁(yè)面加載的時(shí)間了,也減輕了服務(wù)器的壓力,就查了下用JQuery..
    2010-02-02
  • 最新評(píng)論