在一个页面中为多个元素提供相同的ID是否安全?例如,当您使用某些jquery插件时,当您运行两次或更多滑块或库时,通常会发生这种情况.我们知道,开发人员喜欢给html容器提供一些ID,以便脚本更快地运行.
我们来看看w3.org文档:
使ID类型属性特殊的原因是没有两个这样的属性可以具有相同的值; 无论文档语言如何,ID属性都可用于唯一标识其元素.
但是具有相同ID的2个元素的下一个示例在所有浏览器中都可以正常工作,尽管它无效:
#red {
color: red;
}Run Code Online (Sandbox Code Playgroud)
<p id="red">I am a red text.</p>
<p id="red">I am a red text too.</p>Run Code Online (Sandbox Code Playgroud)
任何人都能解释这种奇怪的情况吗?
我想知道,number和digits方法有什么区别?我已经使用这个插件很长一段时间了,这两种方法似乎都返回相同的结果......
提前致谢!
我有以下结构.
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
Run Code Online (Sandbox Code Playgroud)
我可以将其转换为:
<uL>
<li></li>
<li></li>
<li></li>
</ul
<ul>
<li></li>
<li></li>
<li></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
所以任务是将li分组为"行".1行总共有3个li,但行号总是不同.
有人知道,怎么做?谢谢.
考虑以下2个cols html结构:
<div id="container">
<div class="left">some text</div>
<div class="right">some text</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
#container { overflow: hidden; }
.left { float: left; width: 200px; background: red; }
.right { overflow: hidden; background: green; }
Run Code Online (Sandbox Code Playgroud)
jsFiddle中的相同代码 - http://jsfiddle.net/vny2H/
所以我们有2列.左栏宽度是固定的,右栏的宽度是液体.如果我们从html中删除左列,则右列会延伸到父级#container宽度的100%.
问题是:我们可以改变左右列的顺序吗?(我需要它用于SEO)
<div id="container">
<div class="right"></div>
<div class="left"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
谢谢.
有一种有趣的方法可以达到我想要的效果,但固定列变得不可移动.该方法基于负边际.http://jsfiddle.net/YsZNG/
HTML
<div id="container">
<div id="mainCol">
<div class="inner">
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
</div><!-- .inner end -->
</div><!-- .mainCol end -->
<div id="sideCol">
<p>Some text</p>
<p>Some text</p>
<p>Some text</p> …Run Code Online (Sandbox Code Playgroud) 请帮我理解,如何使用$.unique()功能.
来自文档:
在适当的位置对DOM元素数组进行排序,并删除重复项.
我正在尝试这段代码:
<h1 class="foo">Headline</h1>
<h1 class="foo">Headline</h1>
<h1 class="foo">Headline</h1>
alert( $.unique($('.foo')).length );
Run Code Online (Sandbox Code Playgroud)
它返回3,但我认为1.我错过了什么?看到使用此功能的一些实践示例会很棒.谢谢.
PS
我也尝试过几个数字,但得到了一个非常好奇的结果.以下代码在不同的浏览器中返回不同的值!
$.unique([ 1, 2, 2, 3, 3, 1 ])
考虑一个数组:
var array = ['one', 'two', 'three'];
Run Code Online (Sandbox Code Playgroud)
我需要迭代它并获得这样的警报:
0值为1
1值是2
2的值是3
for ( i=0; i<array.length; i++) {
alert( 'The ' + ? + 'value is ' + array[i] );
}
Run Code Online (Sandbox Code Playgroud)
我怎样才能做到这一点?谢谢.
众所周知,vimeo视频通常具有以下外观:
http://vimeo.com/123456
Run Code Online (Sandbox Code Playgroud)
但昨天我看到,有些视频不同,就像这一个:
https://vimeo.com/donialiechti/stranded
Run Code Online (Sandbox Code Playgroud)
有趣的是,当您点击链接时,您会在地址栏中看到
http://vimeo.com/64334084
Run Code Online (Sandbox Code Playgroud)
此视频的嵌入代码为:
<iframe src="http://player.vimeo.com/video/64334084"... ></iframe>
Run Code Online (Sandbox Code Playgroud)
问题是我的应用需要知道视频ID才能正常工作. 那么如何将"友好"的网址转换为常规的vimeo ID?
提前致谢!