12/21 69-4 [ jQuery] ReplaceWith/EachTrim

[ReplaceWith]

얘도 말그대로 대체하는 거겠지..

폼

<fieldset>
    <legend>replaceWith()함수</legend>
    <div>div1</div>
    <div>div2</div>
    <div>div3</div>
    <button>확인</button>
</fieldset>

버튼이였다가 그냥 div였다가 

 $(function(){
    $(':button').click(function(){
        if($('div').length === 0){
            $('button').not(':last').each(function(){
               $(this).replaceWith('<div>'+$(this).html()+'</div>');
            })
        }
        else{
            $('div').each(function(){
               $(this).replaceWith('<button>'+$(this).html()+'</button>');
            })
        }
    });
});

 

---

[Each Trim]

제이쿼리 함수 : 자스의 forEach나 for~in문 역할
$.each(배열이나 객체,function(키값,밸류값){});만약 배열 형태라면
첫 인자에는 인덱스 ,두 번째 인자에는 인덱스에따른 요소값이 저장 됨.
배열이나 객체에 적용할 때
$.each(배열,function(인덱스,인덱스에따른 요소값){ });

 

 

특정 요소들 즉 선택한 태그들에 적용할때 $(선택자).each(function(인덱스,요소){ })

 

폼

<fieldset>
    <legend>$.each(대상,콜백함수) 및 $.trim(문자열)</legend>
</fieldset>

 

var mountains=['한라산','지리산','덕유산'];
        $.each(mountains,function(index,element){
            console.log(index,element);
        });

        var member ={name:'가길동',age:20,addr:'가산동'};
        console.log(member.name,member['name']);
        $.each(member,function(key,value){
            console.log(key,value);
       //     console.log(member.key)  // undefined key라는 키는 없음
       console.log('member[key]',member[key])   //키가 변수 일 때는 []로 감싸자 !!!*************
        });

        var members=[
            {name:'가길동',age:20,addr:'가산동'},
            {name:'나길동',age:30,addr:'가산동'},
            {name:'다길동',age:25,addr:'다산동'}
    ]
    $.each(members,function(index,element){
            console.log('번호:%s,이름:%s,나이:%s,주소:%s',index+1,element.name,element.age,element.addr);
        });
    console.log('X'+('     j Q U    ER            Y       ')+'Y');
    console.log('X'+$.trim('     j Q U    ER            Y       ')+'Y');

 

이렇게 하고

 JQUERY UI 사용법을 배웠는데

필요한 건 홈페이지가서 찾아서 쓰면 될 듯? 굳이 정리 안하겠음... 절대 귀찮아서 그러는 것 아님다만 주의할 것은 라이브러리 잘 가져오는것!!코드해석을 잘 해서 가져오자 !이제 개인과제해야지

ui쓸때 필요