jqueryは、マウスをクリックするとテーブルの行の色が変わることを認識します(コードが添付されています)

不言
リリース: 2018-08-16 14:11:33
オリジナル
3372 人が閲覧しました

この記事の内容は、マウスをクリックしたときにテーブルの行の色がどのように変化するかをjqueryで実装したものです。必要な方は参考にしていただければ幸いです。 。

約 1 年後、Linux 導入プロジェクト、ネットワーク セキュリティ、バックエンド開発を試し、その後 Jquery を使用するなど、新しい知識を学びました。

それは必須です。また、おそらくより広い視野に自分自身をさらしてください。新卒大学生向け。創設者、私は jquery を使ったことはありません

研修を受けて勉強しただけですが、描画ページは後で仕事で調整する必要があります

という気がします。私はこれからフロントエンドの始まりですが、ページを調整するときはしっかりしていなければならず、時間がかかります。

このjsはあまり力を入れて調整したわけではなく、ネットで参照しただけで、コマンドについてもよく知りませんでした。その背景には、インターネット上のさまざまな

の例を放棄して、自分の考えに従って書いているだけです。たった2文のコードですが、私の文章は完璧ではないかもしれませんが、それを共有することは私の成長過程の記録です

。 OK、これ以上ナンセンスはやめましょう。まずは私の環境を紹介させていただきます。

1. 以下に示すように、フロント ページには何もありません。もちろん、 が存在しない場合もあります。次に、< の各行にイベントを追加することを忘れないでください。 tr> と書くと

、それを タグに追加するだけでOKです

 <tbody><tr onclick=“SingleChangeColor(this)”>
  <td></td>.......
  </tr><tbody>
ログイン後にコピー

2。ページに書いてください

もjsで書くことができます。

3. 次に、メソッドは次のとおりです:

function SingleChangeColor(e){
  //1.清楚表格的背景颜色:注意#contentTable是你表格的ID,ID唯一
  $("#contentTable").find("td").css("background","");
  //2.改变当前点击行的背景颜色
  $(e).find("td").css("background","red");//red为颜色,你也可以输入颜色值#00000等等
}
ログイン後にコピー

4. 状況に応じて

関連する推奨事項:

jquery はクリック数を計算するために実装されます_jquery

JavaScript テーブルのホバー変色/復元jQuery、テーブルで [変色/復元] をクリックし、行をクリックして Checkbox_jquery を選択します

以上がjqueryは、マウスをクリックするとテーブルの行の色が変わることを認識します(コードが添付されています)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!