jQuery的選擇器（三）

時間 2019-12-07

標籤 jquery 選擇器欄目 JQuery 简体版

原文原文鏈接

3、過濾選擇器javascript

3.可見性過濾選擇器css

:visible：取可見的元素java

:hidden：取不可見的元素jquery

使用可見性過濾選擇擇器過濾元素ide

4.屬性過濾選擇器佈局

[attribute]：取擁有attribute屬性的元素3d

[attribute = value]：取attribute屬性值等於valuecode

[attribute != value]：取attribute屬性值不等於valueblog

[attribute ^= value]：attribute屬性值以value開始事件

[attribute $= value]：attribute屬性值以value結尾

[attribute *= value]：attribute屬性值包含value

[selector1][selector2]：複合型屬性過濾器，同時知足多個條件

佈局以下：

<body>

<h1>屬性過濾選擇器</h1>

<ul>

<li><a href="#" title="認識jquery" class="a1">認識jquery</a></li>

<li><a href="#" title="jquery選擇器" class="a1">jquery選擇器</a></li>

<li><a href="#" title="jquery事件">jquery事件</a></li>

</ul>

</body>

使用屬性過濾選擇擇器過濾元素

$(document).ready(function(){

// [屬性]

$("a[title]").css("color","red");

// [屬性=value]

$("a[class=a1]").css("font-size","30px");

// [屬性!=value]

$("a[class!=a1]").css("font-size","10px");

// [屬性^=value]

$("a[title^=jquery]").css("background","green");

// [屬性$=value]

$("a[title$=jquery]").css("background","yellow");

// [屬性*=value]

$("a[title*=jquery]").css("font-size","20px");

// 多屬性選擇器

$("a[title^=jquery],a[class=a1]").hide();

});

</script>

1. Jquery選擇器（三）
2. 【jQuery】三、過濾選擇器
3. jQuery-jQuery選擇器
4. jQuery 的選擇器
5. jQuery的選擇器
6. JQuery的選擇器
7. jQuery選擇器
8. jQuery 選擇器
9. jquery選擇器
10. JQuery選擇器
更多相關文章...
• jQuery Mobile 表單選擇菜單 - jQuery Mobile 教程
• XQuery 選擇和過濾 - XQuery 教程
• Docker容器實戰(七) - 容器眼光下的文件系統
• Docker容器實戰(六) - 容器的隔離與限制

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。