2

我是 jQuery 的新手。我正在尝试创建这种简单的效果，但它不会产生任何输出。请告诉我为什么它不起作用。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>


<link rel="stylesheet" href="style.css" >
</head>



    <body>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
    <script type="text/javascript"  src="table.js" ></script>




    <div class="table">
    <p>MyPara</p>
    <p>MyPara2</p>
    <p>MyPara3</p>
    </div>

    </body>

表.js

// JavaScript Document

$(document).ready(function() {

    $('table').addClass('highlight');
});

样式表

.highlight
{
    background-color:#999;


    }
4

7 回答 7

3

类选择器

 $('.table').addClass('highlight');

$('.table')-> 带有类表的元素

同样，如果你想使用 id-selector 你可以使用

$('#table')-> 带有 id 表的元素

于 2013-09-10T06:42:56.877 回答
3

您必须.在类名之前使用。在这里你错过了它。你的代码应该是这样的。

$(document).ready(function() {

    $('.table').addClass('highlight');
});
于 2013-09-10T06:47:56.107 回答
3

您需要.用于课程，更改：

$('table').addClass('highlight');

至

$('.table').addClass('highlight');
于 2013-09-10T06:42:02.857 回答
2

使用类选择器

$('.table').addClass('highlight');

并且 http 丢失了，所以使用

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
于 2013-09-10T06:46:55.273 回答
2

jQuery 中的基本选择器有三个：class、ID 和 tagname。

$(".table") // will select the dom elements with table class
$("#table") // will select the dom element with table id
$("table") // will select the table elements

在您的情况下，您应该使用类选择器。

但是，如果选择器不匹配 dom 的任何元素，jQuery 不会导致任何错误或警告。如果您希望找到至少一个匹配元素，则可以明确检查此条件以测试对象的大小。

要检查 jQuery 对象的大小，如果您使用的是 jQuery <1.8，可以使用 .size() 函数

//.size() DEPRECATED IN JQUERY 1.8+
var $table = $(".table");
if($table.size()==0){
    //manage it
}

或者 .length 属性，如果您使用的是 jQuery 1.8+

var $table = $(".table");
if($table.length==0){
    //manage it
}

参考

于 2013-09-10T06:53:51.763 回答
2

table是一个类名，所以：

$('.table').addClass('highlight');

阅读：http ://www.w3.org/TR/CSS2/selector.html#class-html

于 2013-09-10T06:42:09.250 回答
0

table是你的班级名称，所以它不应该是

`$('table').addClass('highlight');

以上一个代表/指向html标签`

它应该是

$('.table').addClass('highlight');

于 2013-09-11T11:00:29.977 回答