Из селектора Jquery в стандартный JS
Здравствуйте!
Я изучаю разработку плагинов. Подскажите в случае если в плагине пересекаются несколько типов обращения из JS и Jquery, как можно получить следующий селектор для JS ? $('.test').Plagin() Как вставить селектор .test в такой вызов для querySelector который находится в файле плагина? document.querySelector().offsetWidth |
Biotoxsin,
:-? |
Цитата:
|
Biotoxsin,
я пока жду переводчика, не понимаю о чём вопрос. |
Цитата:
$('.test').offsetWidth() Значит нужно получать селектор методами стандартными: document.querySelector('.test') А можно ли в самом плагине запросить селектор который был получен через jquery а именно сам '.test' для ввода его через любую переменную в querySelector? |
Biotoxsin,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(function() { $.fn.plugin = function() { var selector = this.selector; alert(selector); //document.querySelector(selector).offsetWidth } $('.test').plugin() }); </script> </head> <body> </body> </html> |
Цитата:
$('.test')[0].offsetWidth |
Цитата:
|
Цитата:
|
Biotoxsin,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(function() { $.fn.plugin = function() { alert($('.test')[0].offsetWidth); alert(this[0].offsetWidth); } $('.test').plugin() }); </script> </head> <body class="test"> </body> </html> |
Часовой пояс GMT +3, время: 02:04. |