今回はJQueryフォームを操作するためのテクニックと、JQueryテーブルを操作する際の注意事項について、実際の事例を紹介します。
1. テーブルの奇数行と偶数行にそれぞれスタイルを追加します
$(function(){
$('tr:odd').addClass("odd");
$('tr:even').addClass("even");
});テーブルのヘッダーはカウントしません
$(function(){
$('tbody>tr:odd').addClass("odd");
$('tbody>tr:even').addClass("even");
});2. ラジオボタンは、
チェックボックスを制御します行の強調表示を制御します。 表示 4. テーブル コンテンツのフィルタリング$('tobdy>tr').click(function(){
$(this).addClass('selected')
.siblings().removeClass('selected')
.end() // 重新返回该
对象
.find(':radio').attr('checked',true);
});ログイン後にコピー
$('tobdy>tr').click(function(){
if( $(this).hasClass('selected') ){ // 判断是否有selected高亮样式
$(this).removeClass('selected')
.find(':checkbox').attr('checked',false);
}else{
$(this).addClass('selected')
.find(':checkbox').attr('checked',true);
}
});この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。 ！
推奨読書:
JQuery はテーブルの行を動的に操作し、新しい行にイベントを追加しますjQuery は章のアンカー ポイントを実装して先頭に戻る効果を実現します以上がJQueryテーブルを操作するテクニックは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
