2012-12-28 81 views
-1

我该如何设置css()以下代码?我试过了,但它不起作用!JQuery&CSS - css()不工作

我寻找一种方法来做到这一点,但仍然无法找到它!甚至在这里:http://api.jquery.com/css/

不工作

$('#MyClass123').css('content:url','("image.jpg")'); 
$('#MyClass123').css('content','url("image.jpg")'); 
$('#MyClass123').css('content:url("image.jpg")'); 

工作

<style> 
.MyClass123{ 
    content:url("image.jpg"); 
} 
</style> 

<img class="MyClass123"/> 
+0

这不仅仅是因为jQuery使用[扩展] CSS选择一个巧合..那么,如何在“不工作”和“工作”有什么不同? – 2012-12-28 03:58:10

+0

无论如何,花时间应用疑难解答 - “不工作”不是一个好问题描述。一个小测试会显示'$(..)'选择0个元素..好,那么为什么? – 2012-12-28 04:00:06

+0

@pst好的谢谢,先生。 – Th3B0Y

回答

6

第二个在不工作会做正确的方式。但是,它不工作,因为你选择称为MyClass123一个ID,当你要选择一个类:

$('.MyClass123').css('content','url("image.jpg")'); 
+0

哦,你明白了。 Lol – SpYk3HH

+0

@kennypu哦,我的..哈哈哈......我简直不敢相信我错过了!谢谢! – Th3B0Y

+0

看到我下面的答案。您应该使用$('img.MyClass123')。 – marcinx

1

变化#.

你的SELECT语句寻找一个ID不是一类。

当我在我的电脑KATER生病作罢更多信息,MSBE zomeone会热情地向来更新这个答案

jQuery的SELECT语句应该看起来就像他们的CSS对口

+0

谢谢!!!我错过了,我的分心! – Th3B0Y

0

您需要使用$('img.MyClass123')代替。 $('#MyClass123')选择具有id MyClass1234的元素,例如, <img id="MyClass123" />

基本上,每个以散列(#)开头的选择器都表示您正在寻找一个id。带点(。)的选择器表示您正在寻找课程。 ids和类的区别在于几个元素可以具有相同的类,但只有一个元素可以同时携带不同的id。

与此相符,您还可以使用选择器$('.MyClass123')。然而,它会找到具有类MyClass123的所有元素。因此,它可能会返回与您正在查找的图像不同的元素。例如<a href="#" class="MyClass123">可以匹配。在点之前使用img组件更加明显。

检查:http://www.w3schools.com/cssref/css_selectors.asp

+0

谢谢!我错过了,我的分心! – Th3B0Y