找到 8590 篇文章 适用于 前端技术

如何使用 jQuery 检查 div 是否可见?

Arnab Chakraborty
更新于 2020-06-22 07:58:38

12K+ 次查看

您可以使用 .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 统计表格中的列数?

Kristi Castro
更新于 2020-06-20 08:04:48

660 次查看

要使用 jQuery 统计表格中的列数,请使用带有 attr() 的 each() 函数。您可以尝试运行以下代码来学习如何在表格中统计列数:示例实时演示       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 列-

如何使用 jQuery 统计表格中的行数?

Arnab Chakraborty
更新于 2020-06-21 17:04:04

1K+ 次查看

示例 实时演示 表格        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 表格名称 年龄 DD 35 SB 35 AD 5 AA 5 点击此处

如何使用 jQuery 判断表格行是否在视野内?

Kristi Castro
更新于 2020-06-20 08:03:51

927 次查看

要检查表格行是否存在,请使用 is() 方法,并使用 :visible 选择器 -如果($(".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 函数?

Kristi Castro
更新于 2020-06-20 08:02:01

6K+ 次查看

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

如何在“X”秒后进行 jQuery 函数调用?

Kristi Castro
更新于 2020-06-20 13:12:17

4K+ 次查看

要在“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 秒后淡出

如何确定 JavaScript 对象是否为事件?

Shubham Vora
更新于 2022-08-23 08:49:40

1K+ 次查看

让我们首先了解什么是 JavaScript 对象和 JavaScript 事件。JavaScript 中的对象是一个具有属性和类型的独立实体。例如,将其与一个碗进行对比。碗是一个具有某些属性的对象。这些属性包括设计、颜色、材质、重量等。像这样,JavaScript 对象也具有一些属性。JavaScript 对象是一个独立的实体,可以将其许多值存储为其属性和方法。方法表示函数,而对象属性维护文字值。对象文字或对象函数 object() { [native code] } 语法 ... 阅读更多

如何使用 jQuery 在表格中添加新行?

Kristi Castro
更新于 2020-06-20 15:37:29

2K+ 次查看

使用事件委托来包含在网页上添加新行和删除表格行,使用 jQuery。首先,在 HTML 中设置一个按钮以添加新行    添加新行现在在按钮点击事件下,设置代码:$("#newbtn").click(function () { }示例 实时演示    $(document).ready(function(){       var x = 1;       $("#newbtn").click(function () {          $("table tr:first").clone().find("input").each(function () {             $(this).val('').attr({                'id': function (_, id) {                 ... 阅读更多

如何在 jQuery 中检查字符串是否包含子字符串?

Kristi Castro
更新于 2020-06-20 15:56:41

2K+ 次查看

jQuery 的 :contains() 选择器用于检查 jQuery 中的字符串是否包含子字符串。在 contains() 方法中设置要搜索的子字符串,如下所示:$(document).ready(function(){    $("p:contains(Video)").css("background-color", "blue"); });现在,让我们看看检查字符串是否包含子字符串的完整代码:示例 实时演示               $(document).ready(function(){          $("p:contains(Video)").css("background-color", "blue");       });     Tutorialspoint 这是一个演示文本。免费教程 免费视频教程

如何使用 jQuery 使 textarea 和 input 类型只读?

Kristi Castro
更新于 2020-06-20 15:45:47

3K+ 次查看

要使 textarea 和 input 类型只读,请使用 attr() 方法。对于只读,请将 input 类型文本和 textarea 设置为只读,如下所示:$('input[type="text"], textarea').each(function(){    $(this).attr('readonly','readonly'); });以下是将只读设置为 textarea 和 input 类型的代码:示例 实时演示 jQuery 示例               $(document).ready(function() {          $('input[type="text"], textarea').each(function(){             $(this).attr('readonly','readonly');          });       });     只读 textarea

广告