Question

我是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>

table.js

// JavaScript Document

$(document).ready(function() {

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

样式表

.highlight
{
    background-color:#999;


    }

Answer 1

您需要在课堂上使用.，更改：

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

到

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

Answer 2

class-selector

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

$('.table') - ＆gt;带有班级表的元素

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

$('#table') - ＆gt;带有id表的元素

Answer 3

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

$(document).ready(function() {

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

Answer 4

table是一个类名，所以：

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

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

Answer 5

使用班级选择器

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

且http丢失，请使用

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>

Answer 6

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＆lt; 1.8

，可以使用.size（）函数

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

如果您使用的是jQuery 1.8 +

，则为.length属性

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

<强>参考

Answer 7

table是您的班级名称，因此不应该

'$（ '表'）addClass（ '突出'）;

以上代表/指向html标签`

应该是

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

jQuery没有生成任何输出

7 个答案: