Из селектора 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, время: 13:13. |