JQuery ID中的媒体查询

Question

如何在Jquery中调用ID时插入媒体查询？

示例：

$('#idname')
$('@media (max-width: 767px) { #idname }')

所以基本上它用该媒体查询调用#idname。这可以用JQuery吗？

Answer 1

假设你所说的是你只选择了最多767像素的元素，你可以选择元素，然后检查它{{} 1}}，如果有多个元素，您可以使用width：

.filter

Answer 2

你想要做的事情没有意义......

如果您想在JavaScript中使用CSS媒体查询：

尝试使用modernizr中的mq方法。

示例：Modernizr Media query doesn’t work when resize browser

另一个例子：http://craftedpixelz.co.uk/blog/conditional-js-with-modernizr-mq/

即

//加载modernizr mq方法（从http://modernizr.com/download/构建包含媒体查询方法的自定义下载

然后将其加载到页面（在脚本标记中）后，您可以执行以下操作：

if (Modernizr.mq('(max-width: 767px)')) { // do stuff here }