av天堂久久天堂av色综合,成人综合婷婷国产精品久久,9l国产精品久久久久麻豆

国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

jquery中filter()方法使用詳解

php中世界最好的語言

發(fā)布： 2018-05-03 15:52:23

原創(chuàng)

1962人瀏覽過

這次給大家?guī)韏query中filter()方法使用詳解，jquery中filter()方法使用的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。

定義和用法

filter() 方法返回符合一定條件的元素。

該方法讓您規(guī)定一個條件。不符合條件的元素將從選擇中移除，符合條件的元素將被返回。

該方法通常用于縮小在被選元素組合中搜索元素的范圍。

提示：filter() 方法是與 not() 方法相對的。

?filter()是根據(jù)括號中的屬性來進(jìn)行篩選比如：$(“p”).filter(“p”) 這樣是不允許的。filter括號里只一些屬性，或者包含什么的，不能是一個元素，例如”p”

//filter() --獲取具有某些屬性值的標(biāo)簽 :(指定的對象集合進(jìn)行過濾)
  $("li").filter(".item-1") //獲取class屬性值為item-1的li元素
  $("li").filter(":even").css("background", "red"); //獲取所有偶數(shù)號的li元素,并將它們的背景顏色設(shè)為紅色
  $("li").filter(".item-1,#abc").css("background-color", "yellow"); //獲取class屬性值為item-1的所有l(wèi)i標(biāo)簽 ，同時獲取id屬性值為abc的所有l(wèi)i標(biāo)簽
  $("p").filter(".selected, :first");//獲取class屬性值為selected的所有P標(biāo)簽，同時獲取第一個P標(biāo)簽
//:contains() --獲取標(biāo)簽里包含了某些文字的標(biāo)簽 (contains是判斷文本的)
  //jQuery:has()和jQuery:contains()兩個方法比較類似。不同點在于：has是判斷標(biāo)簽的 contains是判斷文本的
  $("p p:contains('測試')").text(); //獲取p標(biāo)簽下包含“測試”的p標(biāo)簽的text值 //打印一下，結(jié)果為“測試1 測試2”
  //alert($("p").contains("測試").text()); //不能這么用，提示錯誤“contains不是一個函數(shù)”

登錄后復(fù)制

html

<p class="model_content" >
      <p class="model_content_search layui-bg-gray">
        <form class="layui-form">
          <p class="layui-form-item fl" style="margin-top: 15px;">
            <label class="layui-form-label" style="width:66px;">選擇框</label>
            <p class="layui-input-inline" style="width:174px;">
              <input id="search_val" class="layui-input" name="keyword" type="text" placeholder="請輸入關(guān)鍵字">
            </p>
          </p>
          <p class="layui-input-inline fl" style="margin-top: 15px;">
            <button class="layui-btn">搜索</button>
          </p>
          <p class="clear"></p>
        </form>
      </p>
      <p class="search_result">
        <p class="mapAddress">
          <ul>
            <li>
              <p class="addressInfo">
                <h3>要素大市場</h3>
                <span class="bold">地址：</span>徽州大道與錦繡大道交叉口<br>
              </p>
            </li>
            <li>
              <p class="addressInfo">
                <h3>錦繡大道</h3>
                <span class="bold">地址：</span>徽州大道與錦繡大道交叉口<br>
              </p>
            </li>
            <li>
              <p class="addressInfo">
                <h3>蜀山區(qū)</h3>
                <span class="bold">地址：</span>徽州大道與錦繡大道交叉口<br>
              </p>
            </li>
            <li>
              <p class="addressInfo">
                <h3>瑤海區(qū)</h3>
                <span class="bold">地址：</span>徽州大道與錦繡大道交叉口<br>
              </p>
            </li>
          </ul>
        </p>
      </p>
    </p>
 //input中輸入篩選
    var $sub2 = $("#search_val");
    $sub2.on("input", function () {
      var $iptVal2 = $sub2.val();
      $(".mapAddress li").hide();
      $(".mapAddress .addressInfo h3").filter(":contains('" + $iptVal2 + "')").parents("li").show();
    });

登錄后復(fù)制

相信看了本文案例你已經(jīng)掌握了方法，更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章！