使用Jquery添加占位符属性

Question

我有一个简单的问题.我只想在输入上添加占位符.这是代码:

HTML:
<input type="text" name="link" class="hidden">

JQuery:
var link = document.querySelector('.link');
    link.style.display='block';
    link.classList.remove('hidden');
    if(val === 1)  // for a movie
        link.classList.add('placeholder="Add Movie Title. ."');
    else  // for an external link
        link.classList.add('placeholder="Add External Link . ."');

如您所见,占位符不起作用,因为语法错误.我搜索了我的问题的相关解决方案,但他们使用这样的不同方法

$("").attr("placeholder", "Type here to search");});

但我需要的东西类似于我添加样式的东西,但我不确定是否还有其他方法可以做到.有类似的方法吗？

Answer 1

你只需要这个:

$(".hidden").attr("placeholder", "Type here to search");

classList 用于操作类而不是属性.

Answer 2

由于本机支持问题,这行代码可能无法在IE 8中运行.

$(".hidden").attr("placeholder", "Type here to search");

您可以尝试为此任务导入JQuery占位符插件.只需将其导入您的库并从下面的示例代码启动.

$('input, textarea').placeholder();