国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery的 filter()方法使用教程

2019-11-19 14:07:18
字體:
來源:轉載
供稿:網友

定義和用法

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

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

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

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

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

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

html

<div class="model_content" style="">      <div class="model_content_search layui-bg-gray">        <form class="layui-form">          <div class="layui-form-item fl" style="margin-top: 15px;">            <label class="layui-form-label" style="width:66px;">選擇框</label>            <div class="layui-input-inline" style="width:174px;">              <input id="search_val" class="layui-input" name="keyword" type="text" placeholder="請輸入關鍵字">            </div>          </div>          <div class="layui-input-inline fl" style="margin-top: 15px;">            <button class="layui-btn">搜索</button>          </div>          <div class="clear"></div>        </form>      </div>      <div class="search_result">        <div class="mapAddress">          <ul>            <li>              <div class="addressInfo">                <h3>要素大市場</h3>                <span class="bold">地址:</span>徽州大道與錦繡大道交叉口<br>              </div>            </li>            <li>              <div class="addressInfo">                <h3>錦繡大道</h3>                <span class="bold">地址:</span>徽州大道與錦繡大道交叉口<br>              </div>            </li>            <li>              <div class="addressInfo">                <h3>蜀山區</h3>                <span class="bold">地址:</span>徽州大道與錦繡大道交叉口<br>              </div>            </li>            <li>              <div class="addressInfo">                <h3>瑤海區</h3>                <span class="bold">地址:</span>徽州大道與錦繡大道交叉口<br>              </div>            </li>          </ul>        </div>      </div>    </div> //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();    });

總結

以上所述是小編給大家介紹的jquery的 filter()方法使用教程,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 贵定县| 庆安县| 民县| 镇巴县| 牟定县| 丰都县| 广德县| 米易县| 漳州市| 普宁市| 宁强县| 资源县| 黎川县| 中卫市| 宁明县| 合肥市| 黔江区| 金寨县| 白银市| 宁陵县| 张家口市| 奎屯市| 孙吴县| 桐柏县| 陆川县| 宾阳县| 金华市| 开化县| 伊宁市| 溆浦县| 奉贤区| 内江市| 土默特左旗| 安泽县| 郸城县| 会同县| 峡江县| 连云港市| 延津县| 新安县| 梅河口市|