코딩하다 현타올 때

질문 : 자바 스크립트 (또는 jQuery)를 사용하여 :: before 및 :: after와 같은 CSS 의사 요소 선택 및 조작 ::before 및 ::after (및 하나의 세미콜론이있는 이전 버전)과 같은 CSS 의사 요소를 선택 / 조작하는 방법이 있습니까? 예를 들어 내 스타일 시트에는 다음 규칙이 있습니다. .span::after{ content:'foo' } 바닐라 JS 또는 jQuery를 사용하여 'foo'를 'bar'로 어떻게 변경할 수 있습니까? 답변 데이터 속성이있는 의사 요소에 콘텐츠를 전달한 다음 jQuery를 사용하여이를 조작 할 수도 있습니다. HTML에서 : foo jQuery에서 : $('span').hover(function(){ $(this).attr('data-con..

질문 : jQuery를 통해 어떤 라디오 버튼이 선택되었는지 어떻게 알 수 있습니까? 두 개의 라디오 버튼이 있고 선택한 버튼의 값을 게시하고 싶습니다. jQuery로 어떻게 가치를 얻을 수 있습니까? 다음과 같이 모두 얻을 수 있습니다. $("form :radio") 어느 것이 선택되었는지 어떻게 알 수 있습니까? 답변 id가 myForm 양식에서 선택한 radioName 항목의 값을 가져 오려면 다음을 수행하십시오. $('input[name=radioName]:checked', '#myForm').val() 예를 들면 다음과 같습니다. $('#myForm input').on('change', function() { alert($('input[name=radioName]:checked', '#myFor..

질문 : jQuery를 사용하여 요소의 ID를 어떻게 얻을 수 있습니까? 위의 방법이 작동하지 않는 이유는 무엇이며 어떻게해야합니까? 답변 jQuery 방식 : $('#test').attr('id') 귀하의 예에서 : $(document).ready(function() { console.log($('#test').attr('id')); }); 또는 DOM을 통해 : $('#test').get(0).id; 또는 : $('#test')[0].id; 그리고 JQuery에서 $('#test').get(0) $('#test')[0] 를 사용하는 이유는 $('#test') 가 JQuery 선택기이고 array ()를 반환한다는 것입니다. 기본 기능으로 단일 요소가 아닌 결과 jquery의 DOM 선택기에 대한 대안..

질문 : 동일한 클래스의 요소를 반복하는 jQuery testimonial 과 함께 div를 많이 가지고 있으며 jquery를 사용하여 특정 조건이 참인 경우 각 div를 확인하기 위해 루프를 반복하고 싶습니다. 사실이면 작업을 수행해야합니다. 내가 어떻게할지 아는 사람 있나요? 답변 각각 사용 : ' i '는 배열의 위치이고 obj 는 반복중인 DOM 개체입니다 (jQuery 래퍼 $(this) 를 통해 액세스 할 수도 있음). $('.testimonial').each(function(i, obj) { //test }); 자세한 내용 은 api 참조 를 확인하세요. 출처 : https://stackoverflow.com/questions/4735342/jquery-to-loop-through-eleme..

질문 : jQuery 선택기 정규식 jQuery 선택기와 함께 와일드 카드 또는 정규식 (정확한 용어에 대해서는 확실하지 않음) 사용에 대한 문서를 찾고 있습니다. 나는 이것을 직접 찾았지만 구문 및 사용 방법에 대한 정보를 찾을 수 없습니다. 구문에 대한 문서가 어디에 있는지 아는 사람이 있습니까? 편집 : 속성 필터를 사용하면 속성 값의 패턴을 기반으로 선택할 수 있습니다. 답변 James Padolsey는 정규식을 선택에 사용할 수있는 멋진 필터를 만들었습니다. div 가 있다고 가정합니다. Padolsey의 :regex 필터는 다음과 같이 선택할 수 있습니다. $("div:regex(class, .*sd.*)") 또한 선택자에 대한 공식 문서를 확인하십시오. jQuery.expr[':'] 는 이미..

질문 : jQuery는 특정 옵션 태그 텍스트를 얻습니다. 좋아, 내가 이걸 가지고 있다고 말해봐 Option A Option B Option C 값이 '2'인 경우 "Option B"를 얻으려면 선택기가 어떻게 생겼습니까? 이것은 선택한 텍스트 값을 얻는 방법을 묻는 것이 아니라 값 속성에 따라 선택 여부에 관계없이 그중 하나만 묻는 것입니다. 나는 시도했다 : $("#list[value='2']").text(); 그러나 작동하지 않습니다. 답변 속성 value 이 2 list 이있는 요소를 찾고 있습니다. 원하는 것은 list option 자식입니다. $("#list option[value='2']").text() 출처 : https://stackoverflow.com/questions/196684/..

질문 : jQuery를 사용하여 CSS 표시 없음 또는 차단 속성을 어떻게 변경할 수 있습니까? jQuery를 사용하여 CSS 표시 없음 또는 차단 속성을 어떻게 변경할 수 있습니까? 답변 이를 수행하는 올바른 방법은 show 및 hide 를 사용하는 것입니다. $('#id').hide(); $('#id').show(); 다른 방법은 jQuery css 메서드를 사용하는 것입니다. $("#id").css("display", "none"); $("#id").css("display", "block"); 출처 : https://stackoverflow.com/questions/3582619/how-can-i-change-css-display-none-or-block-property-using-jquery

질문 : HTML5를 사용하는 사용자 정의 데이터 속성에 대한 jQuery 선택기 HTML5와 함께 제공되는 이러한 데이터 속성에 사용할 수있는 선택기를 알고 싶습니다. 이 HTML 부분을 예로 들어 보겠습니다. 얻을 선택자가 있습니까? "Companies" 아래에 data-company="Microsoft" 모든 요소 "Companies" 아래에 data-company!="Microsoft" 모든 요소 다른 경우에는 "포함, 미만, 초과 등 ..."과 같은 다른 선택기를 사용할 수 있습니다. 답변 $("ul[data-group='Companies'] li[data-company='Microsoft']") //Get all elements with data-company="Microsoft" below ..

질문 : jQuery 데이터 속성 값을 기반으로 요소를 찾는 방법은 무엇입니까? 다음과 같은 시나리오가 있습니다. var el = 'li'; 페이지에는 각각 data-slide=number 속성 (숫자는 각각 1,2,3,4,5 임) 이있는 5 개의 가 있습니다. var current = $('ul').data(current); 매핑 된 현재 활성 슬라이드 번호를 찾아야합니다. 슬라이드가 변경 될 때마다 업데이트됩니다. 지금까지 내 시도는 실패했으며 현재 슬라이드와 일치하는 선택기를 구성하려고 시도했습니다. $('ul').find(el+[data-slide=+current+]); 일치하지 않거나 아무것도 반환하지 않습니다… li 부분을 하드 코딩 할 수없는 이유는 이것이 필요한 경우 다른 요소로 변경할 수..

질문 : 선택기가 jQuery에서 일치하는지 어떻게 확인합니까? Mootools에서는 if ($('target')) { ... } 합니다. if ($('#target')) { ... } 이 같은 방식으로 작동합니까? 답변 다른 댓글 작성자가 가장 효율적인 방법을 제안하고 있으므로 다음과 같습니다. if ($(selector).length ) { // Do something } 만약 당신이 반드시 exist () 함수를 가지고 있어야한다면-더 느려질-당신은 할 수 있습니다 : jQuery.fn.exists = function(){return this.length>0;} 그런 다음 코드에서 사용할 수 있습니다. if ($(selector).exists()) { // Do something } 여기에 대답했듯..

질문 : jQuery를 사용하여 이름으로 요소를 어떻게 선택할 수 있습니까? 확장하고 숨기려는 테이블 열이 있습니다. jQuery는 요소 name class 별로 선택할 때 요소를 숨기는 것 같습니다. 예를 들면 : $(".bold").hide(); // Selecting by class works. $("tcol1").hide(); // Selecting by name does not work. 아래 HTML을 참고하십시오. 두 번째 열은 모든 행에 대해 name name 속성을 사용하여이 컬렉션을 어떻게 만들 수 있습니까? data1 data2 data1 data2 data1 data2 답변 jQuery 속성 선택기를 사용할 수 있습니다. $('td[name="tcol1"]') // Matches e..