목록jQuery (22)
wrkbrs
This question already has an answer here:Changing the type of an input field using jQuery (text -> password) 5 answersI want to change the input type to password when I click on it. I tried this:I tried to use the jQuery function attr to change this on the click event, but nothing is happening.Is this the right way to do it or is this possible? This will work$('input').on('click', function () { ..
for(var i=0; i
Jquery 셀렉터로 특정 단어로 시작해서 특정 단어로 끝나는(ex: a-xxxx-b)값을 지정할수있다 예제 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 .siblings * { display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px; } $(document).ready(function(){ $( "li[id^='start-'][id$='-end']" ).css({"color": "red", "..
jQuery 1.6/1.6.1에서 무엇이 있었나?.attr()에서 같이 하던 처리를 .attr()와 .prop()로 나누었다그래서 지금까지 움직였던게 움직이지않아 다시 수정하였다지금까지 .attr()만으로 가능하던 처리를 버전1.6의 업데이트로 인하여 .attr()과 .prop()으로 나누어졌습니다. 버전업을 하면 그대로 움직이는 코드도있고 움직이지않는 코드가 있어 많은 혼란이 발생합니다. 많은 혼란으로 결국 버전업데이트 1.6.1에서 .attr()을 예전처럼 움직일수있도록 다시수정되었습니다. 왜 .attr()을 .prop()으로 나누었는가?원래 따로해야할 문제였다.같이 사용하는 문제로 버그가 많아져버렸다.이건 jQuery개발자의 사정입니다. 원래JavaScript로서는 .attr()과 .prop()는 ..
$("input[name=ugender]").prop("checked", false); 체크되어 있는 속성 비활성화
이벤트 ------- e.preventDefault() - 대상을 클릭했을때 발생하는 이벤트를 방지(링크 이동 등등 막기)$(this) - 현재 이벤트가 적용된 개체 (DOM).ready(fn); - 페이지 로딩시 fn 실행.click(fn); - 클릭시 fn 실행.one(fn); - 딱한번만 이벤트가 실행되고 해제됨.dblclick(fn) - 더블클릭시 fn실행.blur(fn) - 포커스를 잃었을때 fn실행.focus(fn) - 포커스를 얻었을때 fn실행.toggle(fn1,fn2); - 클릭시 fn1 과 fn2을 번갈아 실행.scroll(fn) - window 창에서 scroll 이벤트가 발생할때마다 콜백함수 fn 을 실행.change(fn) - 대상이 바뀌는 지 감지하여 fn을 실행.keyUp(fn..
.has().has()로 특정 요소를 가지고 있는 요소를 선택할 수 있습니다.문법1.has( selector )예를 들어1$( 'h1' ).has( 'span' )은 span 요소를 가지고 있는 h1 요소를 를 선택합니다.예제span 요소를 포함하고 있는 h1 요소의 글자색을 빨간색으로 만듭니다.1234567891011121314151617 Lorem Ipsum Dolor Lorem Ipsum Dolor 출처 : https://www.codingfactory.net/10255
Quick API Reference : http://oscarotero.com/jquery/ jQuery 속성선택자 요소[속성] 특정 속성을 가지고 있는 문서 객체를 선택함 요소[속성=값] 속성 안의 값이 특정 값과 같은 문서 객체를 선택함 요소[속성~=값] 속성 안의 값이 특정 값을 단어로써 포함하는 문서 객체를 선택함 요소[속성^=값] 속성 안의 값이 특정 값으로 시작하는 문서 객체를 선택함 요소[속성$=값] 속성 안의 값이 특정 값으로 끝나는 문서 객체를 선택함 요소[속성*=값] 속성 안의 값이 특정 값을 포함하는 문서 객체를 선택함 사용 예) $('input[type=text]').val("텍스트 값추가"); 1. jQuery 기본 필터 선택자 요소:odd 홀수 번째에 위치한 문서 객체르 선택함 ..
안녕하세요. 이번 시간에는 선택한 태그의 속성이나 내용, 스타일, 데이터를 조회하거나 변경하는 방법에 대해 알아보겠습니다. 다음과 같은 태그가 있다고 가정합니다. 상응하는 순수 자바스크립트 코드도 보여드리겠습니다.Contentgetget 메소드는 제이쿼리 객체를 자바스크립트 객체로 다시 전환하는 역할을 합니다. get 메소드 안의 인자는 여러 개의 태그(클래스같은 경우 여러 개의 태그를 동시에 선택 가능) 중에 몇 번째 태그를 자바스크립트 객체로 전환할 건지 선택할 수 있게 해줍니다.$('#zero').get(0); // attrattr 속성을 조회하거나 변경할 수 있는 메소드입니다. 인자를 하나만 주면 해당 속성의 값을 조회하고, 두 개를 주면 해당 속성의 값을 변경합니다. 아래의 prop 메소드도 보..
제이쿼리(jquery)를 사용해 사용자 속성에 접근해 값을 불러오려면 어떻게 해야할까요? 예를 들어 아래와 같은 속성이 있다고 할 경우... 위와 같이 사용자 속성인 data-picnum이 존재합니다. 그렇다면 이 값이 1인 요소를 선택하려면 어떻게 해야 할까요? 위와같이 중괄호를 이용하여 쉽게 사용자 속성에 접근이 가능합니다. 이 방법은 CSS의 사용자 속성 접근 방법과 동일합니다. 출처 : https://webisfree.com/2015-01-23/[jquery]-사용자-속성-선택자로-접근하는-방법-사용자-속성-선택자