这里我有一个 html 表单和一个 css 文件（style.css）。“o-div”是外部 div，“i-div”是内部 div 类。示例           居中 div                               我是外部 DIV                       我是内部 DIV，             我在中心                     输出我是外部 DIV 我是内部 DIV，我在中心Style.cssbody {    background-color:Gray;    padding:30px; } .o-div {    padding:50px;    background-color:Lime; } .i-div {    background-color:Fuchsia;    max-width:400px;    height:200px;    margin: 0 auto;    text-align:center; }

要设置 iframe 的内容而不使用 src 属性，请使用 jQuery html() 方法。您可以尝试运行以下代码来了解如何设置没有 src 属性的 iframe 的内容：示例实时演示      jQuery 选择器                  $(document).ready(function() {     var context = $('iframe')[0].contentWindow.document;     var $body = $('body', context);     $body.html('Hello World!');   });        

要获取 $(this) 选择器的子元素，请使用 jQuery find() 方法。您可以尝试运行以下代码来获取 $(this) 选择器的子元素：示例实时演示   jQuery 示例       $(document).ready(function(){     $('#mydiv').click(function(){       alert($(this).find('img:last-child').attr('src'));    });   });   #my_div {    width: 200px;    height: 200px;    background-color: red;   }    

要将 div 居中在屏幕上，请使用 jQuery 居中函数 jQuery.fn.center。您可以尝试运行以下代码来了解如何将 div 居中在屏幕上：示例实时演示               $(document).ready(function(){       jQuery.fn.center = function(parent) {         if (parent) {           parent = this.parent();         } else {           parent = window;         }       this.css({        "position": "absolute",        "top": ((($(parent).height() ... 阅读更多

您可以使用 .is(':visible') 选择所有可见的元素。示例 divvisible               $(document).ready(function () {          $("button").click(function () {             var dim = $('#div1').is(":visible");             if (dim == false) {                $('#div1').css({ "display": "block", "color": "red" });             }          });       });     Div 可见    点击这里

要使用 jQuery 统计表格中的列数，请将 each() 函数与 attr() 一起使用。您可以尝试运行以下代码来了解如何在表格中统计列数：示例实时演示       jQuery 示例             $(document).ready(function(){       var num = 0;       $('tr:nth-child(1) td').each(function () {         if ($(this).attr('colspan')) {           num += +$(this).attr('colspan');         } else {         num++;       }     });    alert("总列数= "+num); });         -第 1 列-     -第 2 列-     -第 3 列-

示例 实时演示表格        table,th,td {       border:2px solid black;       margin-left:400px;    }    h2 {       margin-left:400px;    }    button {       margin-left:400px;    }            $(document).ready(function () {       $("button").click(function () {          var rowcount = $('table tr').length;          alert("行数::" +rowcount);       });    }); HTML 表格名称年龄DD35SB35AD5AA5点击这里

要检查表格行是否存在，请使用 is() 方法，并使用 :visible 选择器 -if($(".row").is(":visible")) {   alert("可见！"); }您可以尝试运行以下代码来了解如何检查行是否存在。它甚至会在创建新行时发出通知：示例实时演示   jQuery - 添加表格行     table{    width: 100%;    margin: 25px 0;    border-collapse: collapse;   }   table, th, td{    border: 1px solid #6C220B;   }   table th, table td{    padding: 8px;    text-align: left;   }   ... 阅读更多

要在特定延迟后调用 jQuery 函数，请使用 siteTimeout() 方法。这里，jQuery fadeOut() 函数在几秒钟后被调用。您可以尝试运行以下代码来了解如何在 jQuery 中使用 setTimeout() 方法在延迟后调用 jQuery 函数：示例实时演示         $(document).ready(function(){     $("#button1").bind("click",function() {       setTimeout(function() {         $('#list').fadeOut();}, 2000);     });   });                    语音        说话      写作         上述内容将在 2 秒后淡出

要在“X”秒后进行 jQuery 函数调用，请使用 siteTimeout() 方法。在按钮点击时，设置以下内容并淡出元素。这里，我们还设置了毫秒数。这是在淡出元素之前发生的延迟：$("#button1").bind("click",function() {    setTimeout(function() {       $('#list').fadeOut();}, 4000); });您可以尝试运行以下代码来了解如何在 jQuery 中使用 setTimeout() 方法：示例 实时演示               $(document).ready(function(){          $("#button1").bind("click",function() {             setTimeout(function() {                $('#list').fadeOut();}, 4000);             });          });               印度       美国       英国     上述数据将在 4 秒后淡出