找到 732 篇文章 关于 JQuery

如何在 ul 元素下添加一个新的列表元素

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

3K+ 浏览量

要在一个 ul 元素下添加一个新的列表元素,可以使用 jQuery 的 append() 方法设置输入类型文本的初始值:现在,在点击一个按钮时,使用 jQuery 中的 val() 和 append() 方法添加一个新的列表元素:$('button').click(function() {    var mylist = $('#input').val();    $('#list').append(''+mylist+'');    return false; });您可以尝试运行以下代码,了解如何使用 jQuery 添加新的列表元素:示例 实时演示               $(document).ready(function(){          $('button').click(function() {             var mylist = $('#input').val();         ... 阅读更多

如何在表格中使用 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() 选择器用于检查字符串是否包含子字符串。在 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() 方法。对于只读,请将输入类型文本和 textarea 设置为只读,如下所示:$('input[type="text"], textarea').each(function(){    $(this).attr('readonly','readonly'); });以下是将只读设置为 textarea 和输入类型的代码:示例 实时演示 jQuery 示例               $(document).ready(function() {          $('input[type="text"], textarea').each(function(){             $(this).attr('readonly','readonly');          });       });     只读 textarea

如何使用 jQuery 禁用/启用复选框?

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

6K+ 浏览量

要禁用和启用复选框,请使用 attr() 方法。最初设置输入类型复选框并禁用它 - 男性现在,在点击按钮时,在禁用和启用复选框之间切换 - $("#button1").click(function() {    $("#sName").attr('disabled', !$("#sName").attr('disabled')); });示例 实时演示 jQuery 示例               $(document).ready(function() {          $("#button1").click(function() {             $("#sName").attr('disabled', !$("#sName").attr('disabled'));          });       });     男性

如何使用 jQuery 禁用/启用输入框?

Arnab Chakraborty
更新于 2020-06-22 07:59:30

17K+ 浏览量

我们可以使用 disable 属性轻松禁用输入框(文本框、文本区域),将其设置为“disabled”。$(‘elementname’).attr(‘disabled’,’disabled’);要启用禁用的元素,我们需要从该元素中删除“disabled”属性。$(‘elementname’).removeAttr(‘disabled’);示例    ed                      $(document).ready(function () {             $('#btn1').click(function () {                $('input').attr('disabled', 'disabled');             });             $('#btn2').click(function () {                $('input').removeAttr('disabled');             });          });              禁用    启用

如何使用 jQuery 全局禁用动画?

Ricky Barnes
更新于 2020-06-21 12:44:58

781 浏览量

要使用 jQuery 全局禁用动画,请使用 jQuery.fx.off() 方法。要启用动画:$("#enable").click(function(){    jQuery.fx.off = false; });要禁用动画,请将 jQuery.fx.off() 设置为 true:$("#disable").click(function(){    jQuery.fx.off = true; });您可以尝试运行以下代码,以使用 jQuery 全局禁用动画:示例 实时演示 jQuery 示例               $(document).ready(function() {          $("#enable").click(function(){             jQuery.fx.off = false;          });          $("#disable").click(function(){             jQuery.fx.off = true;          });   ... 阅读更多

如何使用 jQuery 为动画添加缓动效果?

Ricky Barnes
更新于 2020-06-21 13:14:24

530 浏览量

要为动画添加缓动效果,请正确使用动画速度,使其成为网页的完美动画。在使用 animate() 时,不要加速动画,并且您应该知道何时停止动画。在我们的示例中,我们有一个按钮可以带您到一个文本区域以添加答案:   添加答案现在正确设置淡出属性以设置缓动效果。示例 实时演示               $(document).ready(function(){          $('body').on('click', '#answer', function() {             var container = $('.new-answer');   ... 阅读更多

如何使用 $.fadeTo() 方法在 jQuery 中创建动画?

Alex Onsman
更新于 2020-06-22 08:07:11

131 浏览量

fadeTo( ) 方法将所有匹配元素的不透明度淡入到指定的透明度,并在完成时触发可选的回调函数。以下是此方法使用所有参数的说明 -speed - 表示三种预定义速度之一(“slow”、“def”或“fast”)的字符串,或者运行动画的毫秒数(例如 1000)。opacity - 一个介于 0 和 1 之间的数字,表示目标透明度。callback - 这是一个可选参数,表示在动画完成后要调用的函数。您可以尝试运行以下代码以了解如何使用 fadeTo() 方法 ... 阅读更多

jQuery.animate() 和 jQuery.hide() 之间有什么区别?

David Meador
更新于 2020-06-22 08:05:11

242 浏览量

jQuery animate()方法用于执行一组 CSS 属性的自定义动画。以下是此方法使用所有参数的描述:params - 动画将移动到的 CSS 属性映射。duration - 这是可选参数,表示动画运行多长时间。easing - 这是可选参数,表示要用于过渡的缓动函数。callback - 这是可选参数,表示动画完成后要调用的函数。您可以尝试运行以下代码以了解如何使用 jQuery animate() 方法:示例 在线演示  ... 阅读更多

广告