找到 10435 篇文章,关于 Web 开发
1K+ 阅读量
要使 jQuery 属性选择器不区分大小写,请创建两个按钮并使用属性选择器操作输入。示例您可以尝试运行以下代码来使 jQuery 属性选择器不区分大小写:实时演示 $(document).ready(function(){ $("button").click(function(){ $( "input[name*='myclass' i]" ).css("background-color", "yellow"); }); $("#insensitive").click(function(){ $( "input[name*='myclass' i]" ).css("background-color", "blue"); }); // myclass 输入蓝色 $("#sensitive").click(function(){ $( "input[name*='myclass']" ).css("background-color", "blue"); }); }); 不区分大小写 区分大小写
95 阅读量
要使用 jQuery 在单击锚标记时添加类,请使用 addClass() 方法。要删除类,请使用 removeClass() 方法。示例您可以尝试运行以下代码来学习如何使用 jQuery 删除类:实时演示 $(document).ready(function(){ $("a").click(function(){ $("a.active").removeClass("active"); $(this).addClass("active"); }); }); .active { font-size: 22px; } 一 二 单击上面任何一个链接,您都可以看到变化。
12K+ 阅读量
要使用 jQuery 获取表单值,您需要使用 val() 函数。要使用 jQuery 设置表单值,您需要使用 val() 函数,但需要向其传递新值。示例您可以尝试运行以下代码来学习如何使用 jQuery 获取和设置表单元素的值:实时演示 $(document).ready(function(){ $("#buttonSet").click(function () { $("#txtBox").val("Amit"); $("input:radio").val(["male"]); $("#buttonGet").removeAttr('disabled'); }); $("#buttonGet").click(function () { $("#result").html( $("#txtBox").val() + "" + $("input:radio[name=rd]:checked").val() ); }); }); 姓名 性别 男 女
8K+ 阅读量
要使用 jQuery 获取单击元素最近的输入值,请按照以下步骤操作:您需要使用 closest 查找与给定匹配的最近祖先。现在,使用属性等于选择器查找具有给定名称的输入。最后一步是使用 val() 方法检索输入的值。让我们首先看看如何添加 jQuery:示例您可以尝试运行以下代码来使用 jQuery 获取单击元素最近的输入值:实时演示 $(document).ready(function(){ ... 阅读更多
423 次浏览
jQuery 提供了许多操作属性的方法。这些是与 DOM 相关的函数。属性包括 text() 和 html(),text() – 此方法设置或返回所选元素的文本内容。html() – 此方法设置或返回所选元素的内容。示例您可以尝试运行以下代码,学习如何使用 text() 和 html() 方法操作属性:在线演示 $(document).ready(function(){ $("#button1").click(function(){ alert("Using text()- " + $("#demo").text()); }); $("#button2").click(function(){ alert("Using html()- " + $("#demo").html()); }); }); 这是一个演示文本。文本 HTML