Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 当url有一些id时,如何设置div display属性块?_Jquery_Css - Fatal编程技术网

Jquery 当url有一些id时,如何设置div display属性块?

Jquery 当url有一些id时,如何设置div display属性块?,jquery,css,Jquery,Css,当url有一些id时,如何设置div display属性块 当url具有id#showcity 范例 CSS HTML 一些数据 某市 我想在url点击时显示城市(display:block),比如example.com/#showcity 如何执行此操作?只需为div元素提供showcity的id,然后使用伪类使其可见: <div id="showcity" class="city">Some city</div> 某些URI引用资源中的位置。这种URI以 带有一

当url有一些id时,如何设置div display属性块

当url具有id
#showcity

范例

CSS

HTML

一些数据
某市
我想在url点击时显示城市(
display:block
),比如
example.com/#showcity


如何执行此操作?

只需为div元素提供
showcity
id
,然后使用伪类使其可见:

<div id="showcity" class="city">Some city</div>

某些URI引用资源中的位置。这种URI以 带有一个“数字符号”(#),后跟一个锚标识符(称为 片段标识符)

带有片段标识符的URI链接到 文档,称为目标元素。例如,这里有一个URI 指向HTML文档中名为
section_2
的锚点:

目标元素可以用:target伪类表示。如果 文档的URI没有片段标识符,则文档具有 没有目标元素


值得注意的是,
:target

您看起来像这样吗:

 if (window.location.href.indexOf("#showcity") > -1) {
    $(".city").css('display','block');
 }
可能重复的
<div id="showcity" class="city">Some city</div>
 if (window.location.href.indexOf("#showcity") > -1) {
    $(".city").css('display','block');
 }