>웹 프론트엔드 >JS 튜토리얼 >jQuery는 div 속성의 이름과 값을 임의로 변경하는 기능을 구현합니다(부분 네이티브 js 구현)_javascript 기술

jQuery는 div 속성의 이름과 값을 임의로 변경하는 기능을 구현합니다(부분 네이티브 js 구현)_javascript 기술

WBOY
WBOY원래의
2016-05-16 17:32:591053검색

일부 간단한 예에서는 기본 js와 jQuery를 사용하여 div 속성을 변경하고 원하는 대로 재설정합니다. 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.





Div





;


<버튼>확인설정 재설정


"속성 이름"과 "속성 값"을 입력하세요. 상단 입력 상자에서 확인 버튼을 클릭하면 효과가 나타납니다.


$(function(){
$("button:first"){
var styleName= $("#outer").find("input:first").val();
var styleVal = $("#outer").find("input:last").val( );
$("#div1").css(styleName,styleVal)
})
$("button:last").click(function(){
$("# div1").removeAttr("style");
})
})





<라벨><버튼>확인<버튼>재설정



상단 입력창에 "속성 이름", "속성 값"을 입력하고 확인 버튼을 클릭하면 효과를 확인하실 수 있습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.