Heim > Web-Frontend > js-Tutorial > jQuery实现随意改变div任意属性的名称和值(部分原生js实现)_javascript技巧

jQuery实现随意改变div任意属性的名称和值(部分原生js实现)_javascript技巧

WBOY
Freigeben: 2016-05-16 17:32:59
Original
1044 Leute haben es durchsucht

一些简单的例子,用原生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");
})
})








在上方输入框输入"属性名"及"属性值",点击确定按钮查看效果。


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage