jQuery は div の属性の名前と値を任意に変更する実装 (部分的なネイティブ js 実装)_javascript スキル

いくつかの簡単な例では、ネイティブ js と jQuery を使用して div 属性を変更し、自由にリセットします。コードは次のとおりです:

コードをコピー コードは次のとおりです:

:

属性値: ;

OKReset Set

に「属性名」と「属性値」を入力します。上部の入力ボックスで、「OK」ボタンをクリックします。効果を確認します。

$(function(){
$("button:first").click(function(){
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");
})
})

属性名:

属性値:

id="div1">上部の入力ボックスに「属性名」と「属性値」を入力し、「OK」ボタンをクリックすると効果が表示されます。