麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

jQuery之過濾元素操作小結

2019-11-20 21:33:03
字體:
來源:轉載
供稿:網友

1:eq(index)方法

用于獲取第N個元素,這個元素的位置從0開始算起,語法格式如下:eq(index)

獲取第3個表格,并將它的背景色設置為"#FCF", 代碼如下:$("td").eq(2).css("background", "#FCF");


2:filter(expr)方法

用于篩選出與指定表達式匹配的元素集合,用于縮小匹配的范圍,用逗號分隔多個表達式,那么多個表達式之間是“或”的關系,

語法如下:filter(expr)

$("input").filter(".sel").css("backgroud", "#FCF");  //選取帶有class屬性值為sel的input元素,并設置它的背景色

$("input").filter(".sel, :first").css("background", "#FCF");  //選取帶有class屬性值的input元素或者選取當前領域中的第一個元素,并設置它們的背景色,

表達式之間用逗號分隔


3:filter(fn)方法

用于篩選出與指定函數返回值匹配的元素集合,該函數內部將對每個對象計算一次(如$:each)。如果調用的函數返回false,則這個元素將被刪除,

否則就會保留。語法格式如下:filter(fn)

復制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>filter(fn)用法</title>

<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
   $(document).ready(function(){
      $("p").filter(function(index){
        return $("ol", this).length == 0;
    }).css("color", "blue");
   })
</script>

</head>

<body>
     <p>
       <ol>
           <li>Hello</li>
       </ol>
     </p>
     <p>How are you?</p>
</body>
</html>


假設子元素中不含有ol元素,并設置該元素的字體顏色為藍色。



4:has(expr)方法

用于保留包含特定后代的元素,去掉那些不含有指定后代的元素,該方法將會從給定的jQuery對象中重新創建一組匹配的對象,提供的選擇器會一一測試原先

那些對象的后代,含有匹配后代的對象將得以保留,語法格式如下:

has(expr)

復制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>has(expr)用法</title>

<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
   $(document).ready(function(){
      $("li").has("ul").css("color", "red");
   })
</script>

</head>

<body>
    <ul>
       <li id="menu_li">
          <ul id="menu_ul">
              <li>新聞</li>
              <li>網頁</li>
              <li>知道</li>
          </ul>
       </li>
       <li>正文</li>
       <li>結尾</li>
    </ul>
</body>
</html>


5: hasClass(class)

用于檢查當前的元素是否含有某個特定的類,如果有,則返回true

復制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>hasClass用法</title>

<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
   $(document).ready(function(){
     $("div").click(function() {
     if($(this).hasClass("protected")) {
      $(this).css("border", "1px solid blue");
     }
   });
   })
</script>

</head>

<body>
   <div class="protected">div元素</div>
   <div>div元素二</div>
</body>
</html>


6:map(callback)方法

map(callback)方法用于將一組元素轉換成其他數組(無論是否是元素數組), 可以用這個函數來建立一個列表,無論是值、屬性還是CSS樣式,或者其他特別形式,

都可以用$.map()來方便的建立,語法格式如下:

map(callback)

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产午夜亚洲精品午夜鲁丝片 | 欧美一级淫片007 | 久久久久一区 | av懂色 | 国产一区二区视频观看 | 在线亚洲欧美 | 国产毛片aaa一区二区三区视频 | 天堂成人国产精品一区 | 色综合精品 | 欧美日韩亚洲一区二区三区 | 国产美女视频一区二区三区 | 天堂成人一区二区三区 | 久久久久夜色精品国产老牛91 | 国产精品久久久久久久久久了 | 奶子吧naiziba.cc免费午夜片在线观看 | 青草久久久久 | 日本中文一级片 | 色综合久久99 | 日本成人午夜 | 在线观看国产网站 | 国产精品视频一区二区三区四区国 | 久久久一二三 | 97se亚洲综合在线韩国专区福利 | 国产美女做爰免费视 | 一级毛片免费高清 | 亚洲电影免费观看国语版 | 精品国产专区 | 91麻豆精品国产91久久久无需广告 | 亚洲免费毛片基地 | 热@国产| 欧美日韩专区国产精品 | 欧美黄 片免费观看 | 欧美性生交大片 | 成人不卡| 国产黄色一区二区 | 久久一本日日摸夜夜添 | 国产伊人色 | 国产亚洲精品久久久久久久久久 | 狠狠干天天操 | 亚洲成人在线免费 | av电影免费播放 |