반응형 jQuery3 [Vue] jQuery 사용하기 #eslint 설정 Vue jQuery 사용하기 jQuery 설치 npm install --save jquery Tip main.js 에서 window.$ = require('jquery') 이렇게 선언하면 window.$('#id') 와 같이 사용할 수 있지만 window.$ 대신 $ 만 쓰고 싶다면 아래와 같이 webpack 에 설정해야하고, eslint 를 사용하고 있다면 여기에도 설정을 해야합니다. Webpack.config.js 에 설정 module.exports = { ... plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jquery: 'jquery', 'window.jQuery': 'jquery', jQuery: 'jquery' }) ] ... } eslint 를 .. 2021. 1. 15. [jQuery] Mobile 기기에서 <select> 의 change trigger 되게 하기 iPad 에서 select 의 값, 또는 index 를 변경하기. 아래와 같은 select tag 가 있습니다. RED BLUE GREEN 이 select box에서 색상을 선택하면 어딘가에 색상을 더하고 다시 select box에서 색상을 선택합니다. 웹에서는 잘 됨 이때 아래와 같이 change 이벤트를 사용하겠죠. // select change $('#colorList').change(function(e){ let selectedVal = $(this).val(); addColors(selectedVal); $(this).val(''); }); change 이벤트에서 현재 값을 가져와서 -> 색상추가하는 작업을 하고 -> 현재 선택된 값을 초기화. 그래야 같은 색상을 두번 추가할 수 있겠죠. 문제 .. 2020. 12. 17. [jQuery] jquery selector (예제 多) jQuery Selector jQuery DOM 탐색 jQuery select 기본 종류 표현 All $('*') ID $('#id') Element (Tag) $('elementName') class $('.className') multi $('tag, tag1, tag2') 예제 공통적으로 사용할 html, css 소스 입니다. jsfiddle.net 에서 테스트 합니다. fiddle meta 에서 jquery 와 bootstrap css 를 추가(+) 시킵니다. HTML Login If you have an account with us, please log in. LOGIN remember Forgot your password? CSS body { background-color:gray; } 위의 .. 2020. 11. 12. 이전 1 다음 728x90 반응형
