简短表单而不是document.getElementById,这样的jQuery方法:“美元符号”

时间:2016-12-02 13:45:50

标签: javascript jquery html getelementbyid dollar-sign

我知道public class StringAndIO { private static Scanner v; static final String VOWELS = "AaEeIiOoUuÄäÖöÜü"; public static boolean isVowel(char c) { if (c == 'a' || c == 'A' || c == 'e' || c == 'E' || c == 'i' || c == 'I' || c == 'o' || c == 'O' || c == 'u' || c == 'U' || c == 'ä' || c == 'Ä' || c == 'ö' || c == 'Ö' || c == 'ü' || c == 'Ü') { return true; } else { return false; } } public static String toPigLatin(String text) { String ret = ""; String vowelbuf = ""; for (int i = 0; i < text.length(); ++i) { char x = text.charAt(i); if (VOWELS.indexOf(x) != -1) { vowelbuf += x; } else { if (vowelbuf.length() > 0) { ret += vowelbuf + "b" + vowelbuf + x; vowelbuf = ""; } else { ret += x; } } } if (vowelbuf.length() > 0) { ret += vowelbuf + "b" + vowelbuf; } return ret; } /** * only there for testing purpose */ public static void main(String[] args) { v = new Scanner(System.in); System.out.println("Enter a Char!"); char c = v.next().charAt(0); System.out.println(isVowel(c)); String s = "Meine Mutter ißt gerne Fisch"; System.out.println(s); System.out.println(toPigLatin(s)); System.out.println(); } } 是一个jQuery库;总而言之,必须有可能发明JavaScript - 样式”方式来快速访问jQuery。但是找不到它。请帮助我。

(我的意思是只使用原始document.getElementById(some_id)发明$(#some_id)之类的内容。)

编辑:更明确:

我想使用类似的东西:

JS

而不是:

$(#some_id);  // or anything as brief as this

不是使用document.getElementById(some_id);

4 个答案:

答案 0 :(得分:3)

你可以使用一个返回getElementById结果的短名称来创建一个函数,例如,

function $(id) {
    return document.getElementById(id);
}

然后将其用作......

var element = $('elementId');

我不一定会推荐这种方法,就像你曾经想要使用jQuery一样,你会发生可怕的冲突,但你可以为你的功能选择一个不同的短名称。

编辑: 实际上没有必要在这里声明一个函数,你可以简单地将document.getElementById别名为$,因为它们接受相同的参数。

var $ = document.getElementById;

答案 1 :(得分:2)

虽然我喜欢接受的答案,但为了清晰起见:我想添加document.querySelectorALl方法,以便您可以实际重新创建$(selector)方法

function $(selector) {
    return document.querySelectorAll(selector);
}

请记住,这会返回一个元素或一个包含元素的NodeList

$('.hello') // returns all elements with class='hello'
$('#hello') // returns the element with id='hello'
$('a') // returns all links

答案 2 :(得分:0)

jQuery中的{p> document.getElementById()$('#your_id')。如果这就是你的意思。

答案 3 :(得分:0)

定义:

const $ = document.querySelector.bind(document)