原生js和jQuery随意改变div属性style的名称和值

用原生js和jQuery实现改变随意改变div属性style的名称和值的结果,这个实例比较实用,新手朋友们可以看看

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

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

以上就是原生js和jQuery随意改变div属性style的名称和值的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程