codecamp

W3.JS 选择器

W3.JS 选择器

W3.JS 选择 HTML 元素并对所选元素执行操作:

w3.action(selector)
  • 对选定的元素执行操作()
  • (选择器)选择 HTML 元素

实例

w3.hide('p' // Hide all <p> elements

尝试一下 »   添加上CSS

你熟悉 CSS 选择器吗?

W3.JS 使用 CSS 语法来选择和操作 HTML 元素。

选择器用于根据标签名称、id、类、类型、属性、属性值等来“查找”(选择)HTML元素。

选择器示例

要选择HTML元素,请使用标签名

实例

w3.hide('h2')

尝试一下 »

要选择具有特定 id 的元素,请编写一个哈希字符,后面跟着 HTML 元素的 id:

实例

w3.hide('#London')

尝试一下 »

要选择具有特定类的元素,请写一个句点字符,后跟类名:

实例

w3.hide('.city')

尝试一下 »

更多的选择器实例

选择器 功能 示例
("*") 选择文档中的所有元素 尝试一下 »
(this) 选择当前HTML元素 尝试一下 »
("p.intro") 选择所有含义 class="intro" 的<p>标签元素 尝试一下 »
("div p") 选择所有<div>内的所有<p>标签元素
尝试一下 »
("div p:first-child") 选择所有<div>内的第一个<p>标签元素 尝试一下 »
("[href]")

选择具有 href 属性的所有元素

尝试一下 »
("a[target=_blank]") 选择所有<a>标签内包含 _blank 属性的元素 尝试一下 »
("p:nth-child(even)") 选择偶数个的<p>标签元素 尝试一下 »

对于所有CSS选择器的完整参考,请到我们的CSS选择器参考





W3.JS 介绍
W3.JS 显示/隐藏
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }