Краткая форма Вместо document.getElementById, такой метод jQuery: «знак доллара»

Question

Я знаю jQuery - это библиотека JavaScript; поэтому заключить, что должно быть возможно придумать «jQuery-стиль» способ быстрого доступа к document.getElementById(some_id). Но не смог найти. Пожалуйста помогите.

(я имею в виду что-то вроде $(#some_id) изобретение, только с использованием сырого JS.)

---

EDIT: Подробнее Clear:

Я хочу использовать что-то вроде:

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

вместо:

document.getElementById(some_id); 

Но не используется jQuery!

Answer 1

Вы можете просто сделать функцию с коротким именем, которое возвращает результат getElementById, например,

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

затем использовать его в качестве ...

var element = $('elementId'); 

Я бы не обязательно рекомендуйте этот подход, как если бы вы когда-либо захотели использовать jQuery, у вас будут ужасные столкновения, но вы можете просто выбрать другое короткое имя для своей функции.

Edit: Это на самом деле не нужно объявить функцию здесь, вы можете просто псевдоним document.getElementById к $, потому что они принимают одни и те же аргументы.

var $ = document.getElementById; 

Answer 2

document.getElementById() является $('#your_id') в jQuery. Если ты это имеешь в виду.

Answer 3

Хотя мне нравится принятый ответ, для ясности: я хотел бы добавить метод 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