jQuery實現隨意改變div任意屬性的名稱和值(部分原生js實現)_javascript技巧
來源:懂視網
責編:小采
時間:2020-11-27 21:10:02
jQuery實現隨意改變div任意屬性的名稱和值(部分原生js實現)_javascript技巧
jQuery實現隨意改變div任意屬性的名稱和值(部分原生js實現)_javascript技巧:一些簡單的例子,用原生js和jQuery實現隨意改變div屬性,和重置。代碼如下: 代碼如下: 函數傳參,改變Div任意屬性的值 body,p{margin:0;padding:0;} body{color:#333;font:12px/1.5 Tahoma;padding-top:10px;} #
導讀jQuery實現隨意改變div任意屬性的名稱和值(部分原生js實現)_javascript技巧:一些簡單的例子,用原生js和jQuery實現隨意改變div屬性,和重置。代碼如下: 代碼如下: 函數傳參,改變Div任意屬性的值 body,p{margin:0;padding:0;} body{color:#333;font:12px/1.5 Tahoma;padding-top:10px;} #

一些簡單的例子,用原生js和jQuery實現隨意改變div屬性,和重置。代碼如下:
代碼如下:
函數傳參,改變Div任意屬性的值 在上方輸入框輸入"屬性名"及"屬性值",點擊確定按鈕查看效果。
$(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");
})
})
script>
在上方輸入框輸入"屬性名"及"屬性值",點擊確定按鈕查看效果。