본문 바로가기

jQuery

(76)
Flick 기능을 PC 와 스마트폰 양쪽에서 적용 http://dohoons.com/test/flick/
jQuery noConflict, 다른 JS F/W 과 혼용시 충돌방지 원문 : http://linuxism.tistory.com/666(function($){ // $ 를 funciton 앞뒤에 있는 괄호 블럭 안에서 이전과 다른 의미로 재정의 해서 사용한다는 것 // jquery 문장을 자유로이 사용 $(document).ready(function(){ // 뭐 이런식으로다가.. }); })(jQuery); ---------------------------------------- http://makand.tistory.com/entry/jQuery-noConflictjQuery 이외에 다른 자바스크립트 프레임워크와 jQuery 를 혼용하는 화면에서 jQuery 가 충돌하는 것을 방지하려면..?아래와 같이 사용하는 것이 jQuery 사용법을 해치지 않으면서 가장 적절하게 ..
jQuery ~ (siblings) 를 사용하여 형제들 중의 특정 하위 요소 선택 아래 id1 이후로 가장 가까운 첫번째 tr 의 두번째 td 를 선택하려면..?class 인 tr1, tr2, tr3, td1, td2 등은 실제로는 없는 코드이고, 설명을 하기 위해 덧달아 놓은 겁니다. td01 td02 ... (다수의 tr td 문 존재) td11 td12 td21 td22 td31 td32 간단할듯 한데, 조금 복잡하네요.id1 을 선택해서 parent 인 tr 로 올라갔다가 siblings 인 tr 들 중에서 첫번째 tr 을 선택하고,td 들 중 두번째를 선택하면 됩니다만.. 일단 id1 을 선택하려면, $('#id1') 하면 됩니다. id1 을 감싸는 tr 인 tr.tr1 을 선택하려면, $('#id1').parent() 로 하면 되구요. 여기까진 너무 쉽죠..?$('#id1 ..
jQuery find() 와 filter() 차이 http://happyyhj.blog.me/127418663 http://www.cyworld.com/stoneberg/5520754 쉽게 말해서, $('A').find('B') 와 $('A').filter('B') 의 차이는.. find() 는 A 안에 담긴 DOM 구조를 살피는 것이라서 A 자체는 제외되는 것이고, filter() 는 A 자체에서 B 요소를 찾는 것. ...... 라고 했을때, $('tagA').find('.class1') 은 tabB 의 DOM 구조배열을 가리키고, $('tagA').filter('.calss1') 은 tagA 의 DOM 구조배열을 가리킨다. DOM 구조배열이라고 명명한 것은, DOM 구조인데 이것이 배열형태를 띄고 있기 때문. 아래 HTML 이 주어질 때, $('t..
iframe 안에 정의된 자바스크립트 변수를 iframe 밖에서 jQuery 로 접근하는 방법, contentWindow A.html 안에 아래와 같이 iframe 이 존재하고, B.html 안에는 아래와 같이 자바스크립트 변수가 존재할때.. A.html 안에서 jQuery 를 사용하여 B.html 안에 있는 변수를 가져다 쓰려면 어떻게 해야 할까요..?이런 경우.. contentWindow 라는 넘을 사용합니다.A.html 안에서 $('#iframe1').get(0).contentWindow.var1; 그런데 문제가 있네요.. IE10 에서는 $('...').get(0) 가 작동하지 않으니..이거, jQuery 버전이 달라지면 해결이 되는 것인지 모르겠네요. jQuery 1.5 에선 작동하지 않아요, IE 10 에서.. ㅠ.
input 태그에 id 를 부여하고 jquery select 로 포커싱을 했으나 작동하지 않는 현상 jQuery 버전 때문인지 아니면 다른 어떤 영향 요소가 있어서인지, 아무튼..input 태그에 id 를 부여하고 jQuery select 로 포커싱이 안 먹을때 어떻게 해야 하느냐.. HTML 은 상기와 같고, 자바스크립트는 아래와 같았는데 작동을 안 하는 겁니다. $('#name1').focus().select(); 그런데 아래와 같이 하니까 작동을 하네요. $('input[id="name1"]').focus().select();
[모음글] jquery 둥근 테두리 그냥, CSS3 의 border-radius 를 사용해 보자.background-color 도 작 먹힌다..http://blog.naver.com/gela_studio/150185918042 - 이미지나 스타일 시트 사용 없이 jquery 로만 둥근 테두리를 생성http://min-blog.tistory.com/1080?_top_tistory=new_titlehttp://jquery.malsup.com/corner/ > corner() 를 사용하는 element 의 테두리선 색상을 정할 수는 없네요. $('...').corner(...).parent().css(...).corner(...) 와 같이 parent 에 css 를 먹이고 한 번 더 corner 를 설정하면서 테두리 색상을 정하기는 하는군요. ..
jQueryMobile 1.1.0, Sencha Touch 2.0, JMC 1.2.0 비교 http://helloworld.naver.com/helloworld/74717?tw_p=twt 에서 퍼 왔습니다.네이버의 국산 JMC 의 경우 jQuery 호환이라든가 반응형웹 미지원 등이 껄끄럽긴 하지만, 속도가 빠르다는 것..jQuery 를 사용하는 분들의 jQueryMobile 에 대한 원망이 바로 속도라는 것은 되새길 필요가 있어요.다만, 크로스(멀티)브라우징에 멍들지 않으려면 역시나 jQuery 와 jQueryMobile 의 조합인 걸까요..? cf.. jQuery 1.7 과 Jindo 1.5, Jindo 2.0 성능 비교, F/W 구조http://helloworld.naver.com/helloworld/43939