jQueryDOM 작업 노트

attr(name[,value]):value(임의 ｜함수)

$('*').attr('title',function(index,previousValue){

    return previousValue+' I am element '+index+' and my name is '+(this.id || 'unset');

});

또한 들어오는 객체에 지정된 속성과 값을 사용하여 일치하는 세트의 모든 요소에 해당하는 특성 값을 설정할 수도 있습니다.(매개변수 값은 함수 참조일 수도 있음)

$('input').attr({

    value:'',

    title:'Please enter a value'

});

removeAttr(name): 특성을 삭제해도 JavaScript DOM 요소에 해당하는 속성은 삭제되지 않습니다.예를 들어 원소에서readonly 특성을 삭제하면 원소의readonly 속성 값true가false로 변합니다.그러나 속성 자체는 요소에서 제거되지 않습니다.
데이터 (name,value): 모든 포장 요소를 위한 jQuery 트랜잭션 데이터 창고에 전송된 값을 추가합니다.value(객체 ｜ 함수)
데이터 (name): 포장된 첫 번째 요소에 저장된 데이터를 지정한 이름으로 가져옵니다.(없는 경우 undefined 반환)
removeData()
addClass (names): 여러 개가 있으면 빈칸으로 구분합니다.names (문자열 ｜ 함수)
removeClass(names)
toggleClass (names[, switch]): 여러 개가 있으면 빈칸으로 구분합니다.switch가 존재하고true에 클래스 이름을 추가하면false는 클래스 이름을 삭제합니다.

//      ，           

function swapThem(){

　　$(tr).toggleClass('striped');

}

$(function(){

    $('table tr:nth-child(even)').addClass("striped");

    $("table").mouseover(swapThem).mouseout(swapThem);

});

hasClass(name):true 또는 false를 반환합니다.실제로 is() 방법이 호출되어 is(.name) 방법으로 대체할 수 있다.
css(name[,value]):value(문자열 ｜숫자 ｜함수), 대상 매개 변수를 입력할 수 있습니다.(css () 방법은 항상 문자열을 되돌려줍니다)

$('<img>',{src:'images/little.bear.png',alt:'Little Bear',title:'I woof in your general direction',click:function(){alert($(this).attr('title'));}})

.css({

    cursor:'pointer',

    border:'1px solid black',

    padding:'12px 12px 20px 12px',

    backgroundColor:'white'

});

width([value]), Height([value]):value(수치 ｜ 문자열 ｜ 함수),value는 단위를 지정하지 않으면 기본적으로 px로 하고 그렇지 않으면 단위를 추가합니다.가져오는 방법은 수치 형식으로 값을 되돌려줍니다.
innerHeight(), innerWidth(): 테두리는 포함되지 않지만 내부 여백은 포함됩니다.
outerHeight ([margin]), outerWidth ([margin]): 경계선과 내부 경계선을 포함하고,margin이true라면 외부 경계선을 포함합니다.
참고: $(window).innerHeight () 는 이상을 던지고 $(window).outerHeight()는 NaN으로 돌아갑니다.
offset (): 포장집중의 첫 번째 요소가 문서 참조원에 대한 위치를 되돌려줍니다. (px 단위)left와 top 속성을 적용할 수 있습니다.
position (): 원소의 최근 편이부 원소 (현식 포지셔닝 규칙이 있는relative나 absolute의 최근 조상 원소) 를 참조 원소의 상대적인 위치 (px 단위) 로 되돌려줍니다.
scrollLeft([value])、scrollTop([value])
html([content]): content(문자열 ｜함수)
text([content]): 꺾쇠 괄호(< 및 >) 또는 &는 해당 HTML 엔티티 문자로 대체됩니다.
append(content), prepend(content), before(content), after(content), appendTo(targets), prependTo(targets), insertBefore(targets), insertAfter(targets): content(문자열 ｜원소 ｜jQuery ｜ 함수), targets(문자열 ｜원소)
wrap(wrapper), wrapAll(wrapper), wrapInner(wrapper): wrapper(문자열 ｜ 요소)
unwrap (): 포장 요소의 부모 요소를 삭제합니다.
주: append(), prepend(), replaceWith(), before(), 애프터() 등 다섯 가지 방법은 함수 인자를 받아들인다. 요소의 인덱스 값은 첫 번째 인자로 하고 이 요소의 현재 내용의 HTML 문자열 형식은 두 번째 인자로 한다.before () 와after () 는 호출할 때 두 번째 인자가 없습니다.
remove(sel): 페이지 DOM에서 패키지 집합의 모든 요소를 삭제하고 파라미터를 어떻게 전달하는지 선택기로 간주합니다. jQuery 대상에서 이 선택기와 일치하는 요소만 제거됩니다. 반환 결과는 패키지 집합입니다. 삭제된 요소를 표시하기 때문에 appendTo(), prependTo(), insertBefore(),insertAfter() 등.요소에 바인딩된 모든 jQuery 데이터나 이벤트는 동시에 삭제됩니다.삭제하지 않으려면 detach () 방법을 사용할 수 있습니다.
detach(sel)
empty(): 일치하는 모든 DOM 요소의 내용을 삭제합니다.
clone (): 인자true를 입력하면 이벤트 프로세서를 복사합니다.
replaceWith(content): content(문자열 ｜ 요소 ｜ 함수)
replaceAll(sel)
val (): 일치하는 첫 번째 요소의value 특성을 되돌려줍니다.만약 이 원소가 여러 가지 선택을 할 수 있는 원소일 때, 되돌아오는 값은 모든 선택 항목으로 구성된 그룹입니다.예를 들어 이면 표현식 $('#list').val () 은 하나 이상의 요소를 포함하는 배열을 되돌려줍니다.$('[name="radioGroup"]:checked').val() //val()只考虑包装集中的第一个元素，因此并不适用于可能选中多个控件的复选框组。可以这样 var checkboxValues=$('[name="checkboxGroup"]:checked').map(function(){return $(this).val();}).toArray(); val(value):value(문자열 ｜ 함수), 모든 일치하는 폼 요소의value를 설정합니다.$('input').bind('blur', function() { $(this).val(function( i, val ) { return val.toUpperCase(); }); });　　　　//失去焦点后，input中的文本变为大写 val () 의 변체는 복선상자나 단추 요소를 선택하거나 요소의 옵션을 선택할 수 있습니다.

$('input,select').val(['one','two','three']);

//             <input> <select>  ，              'one'、'two' 'three'

//       。                      ，                 。

//     attr('selected',true);   attr('checked',selected);    

 
 
코드 세그먼트 세트

//list1

//                 

$('p:first').attr('className').split(' ');



//       ，attr()     undefined，  p          

//                   

$.fn.getClassNames=function(){

   var name=this.attr('className');

   if(name!=null){

        return name.split(' ');

   }else{

        return [];

   } 

};　　　　　　//      getClassNames()              。

 

//list2

//              

$('#address').focus(function(){

    var txt_value=$(this).val();

    if(txt_value==this.defaultValue){     //this.defaultValue           

        $(this).val('');

    }

});

$('#address').blur(function(){

    var txt_value=$(this).val();

    if(txt_value==''){

        $(this).val(this.defaultValue);

    }

});