Thay thế nhẹ vào jQuery cho lớp/id chọn

Question

Giả sử tôi muốn xây dựng một khung/script javascript không phụ thuộc. Có cách nào để sử dụng lớp và yếu tố tuyệt vời của jQuery chọn chức năng

$('.this') or $('#this') or $('div', '.this') 

Nếu không bị lệ thuộc vào jQuery hoặc sử dụng jQuery nếu nó có sẵn nhưng nếu không, nó hoạt động mà không có nó? Tôi đã tìm kiếm cái này cao và thấp. Có lẽ tôi đang tìm kiếm không chính xác gần nhất tôi đã nhận được là thế này:

Selecting elements without jQuery

Tuy nhiên, đó không phải là sâu như tôi muốn hoặc là tương tự như tôi muốn jQuery. Tôi đã nghĩ về việc đào bới thông qua nguồn jQuery và đưa phần đó ra và sử dụng nó, nhưng tôi hy vọng một người nào đó đã làm điều này và tôi chỉ đang tìm kiếm địa điểm sai và người khác biết về nó.

Cập nhật

này đã được trả lời trong một vài cách khác nhau, và cảm ơn bạn để trả lời nhanh chóng. Tôi đã tìm kiếm sai phương pháp. Cuối cùng tôi đã vào sân: https://github.com/ded/qwery

Tuy nhiên câu trả lời này ở đây không được công việc một cách hoàn hảo: Lightweight alternative to jQuery for class/id selecting

Answer 1

Trong tất cả mọi thứ nhưng IE6 và IE7, bạn có thể sử dụng document.querySelectorAll hoặc someElement.querySelectorAll để thực hiện chức năng lựa chọn tương tự.

Cập nhật biết thêm chi tiết:

Dường như ZeptoJS nào sau đây. Này sử dụng các chức năng nhanh chóng cho $$(document, '#myid'), $$(document, '.myclass'), $$(document, 'div') và tìm kiếm chậm cho $$(document, 'div > .myclass')

var classSelectorRE = /^\.([\w-]+)$/, 
    idSelectorRE = /^#([\w-]+)$/, 
    tagSelectorRE = /^[\w-]+$/; 

$$ = function(element, selector){ 
    var found; 
    return (element === document && idSelectorRE.test(selector)) ? 
    ((found = element.getElementById(RegExp.$1)) ? [found] : []) : 
    Array.prototype.slice.call(
     classSelectorRE.test(selector) ? element.getElementsByClassName(RegExp.$1) : 
     tagSelectorRE.test(selector) ? element.getElementsByTagName(selector) : 
     element.querySelectorAll(selector) 
    ); 
} 

Answer 2

Bạn có thể làm những gì jQuery làm và sử dụng sizzle: http://sizzlejs.com/

Answer 3

Bạn đã nhìn zepto.js? Bạn vẫn sẽ phụ thuộc vào một khung, nhưng trọng lượng nhẹ hơn nhiều: khoảng 5kb thay vì 31kb.

Answer 4

Câu trả lời cho "Tôi cần một thư viện JS nhỏ mà ..." là trang web này: http://microjs.com/

cụ thể, bạn đang tìm kiếm một cơ selector:

http://microjs.com/#css

Answer 5

MicroSelector. Thậm chí nhỏ hơn và nhanh hơn Zepto, nhỏ hơn Sizzle, nhỏ hơn JQuery.

Answer 6

Chỉ cần thử jBone, thư viện cho Sự kiện và thao tác DOM. jBone có hiệu suất tốt hơn nhiều sau đó jQuery/Zepto, kích thước nhỏ hơn và hỗ trợ đầy đủ cho tất cả các bộ chọn, các sự kiện của API.