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>

table.js

// JavaScript Document

$(document).ready(function() {

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

スタイルシート

.highlight
{
    background-color:#999;


    }
4

7 に答える 7

3

.クラスに使用する必要がある場合は、次を変更します。

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

に

$('.table').addClass('highlight');
于 2013-09-10T06:42:02.857 に答える
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 に答える
2

jQuery の基本的なセレクターは、class、ID、および tagname の 3 つです。

$(".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 はエラーや警告を引き起こしません。一致する要素が少なくとも 1 つ見つかると予想される場合は、この条件を明示的にチェックして、オブジェクトのサイズをテストできます。

jQuery <1.8 を使用している場合、jQuery オブジェクトのサイズを確認するには、.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
}

参考文献

于 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 に答える
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 に答える
0

tableあなたのクラス名なので、そうすべきではありません

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

1つ上のrepresent/pointing htmlタグ`

そのはず

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

于 2013-09-11T11:00:29.977 に答える