-1

我将如何使用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"/>
4

3 回答 3

6

不工作的第二个将是正确的方法。但是,它不起作用,因为您选择了一个名为 MyClass123 的 ID,而您应该选择一个类:

$('.MyClass123').css('content','url("image.jpg")');
于 2012-12-28T03:46:10.187 回答
1

更改#.

您的 select 语句正在寻找一个 id 而不是一个类。

当我上我的电脑时,kater 会给你更多信息,msbe zomeone 会很乐意更新这个答案

jQuery 选择语句应该看起来与它们的 css 对应物完全一样

于 2012-12-28T03:46:29.690 回答
0

你需要$('img.MyClass123')改用。$('#MyClass123')选择id为 MyClass1234 的元素,例如<img id="MyClass123" />.

基本上每个以哈希 (#) 开头的选择器都表示您正在寻找一个 id。带有点 (.) 的选择器表示您正在寻找类。id 和 classes 的区别在于,多个元素可以具有相同的 class,但只有一个元素可以同时带有不同的 id。

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

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

于 2012-12-28T03:46:31.843 回答