jquery怎么display

jquery怎么display,第1张

jquery 设置style:display 其实很方便的哦

("#id").css('display','none')

$("#id").css('display','block')

$("#id")[0].style.display = 'none'

$("#id")返回的是JQuery

它是个集合肯定有display属性

$("#id").show()表示display:block, $("#id").hide()表示display:none$("#id").toggle()切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。

<style>

.line div {display:inline-block}

</style>

<button id=btn type=button>按钮</button>

<div id=res></div>

<script>

$(function(){

   $("#btn").one("click",function(){

      $("#res").append("<div id=tab></div>")

      var btn1=$("<button type=button>添加</button>")

      btn1.click(addline)

      $("#res").append(btn1)

      var btn2=$("<button type=button>减少</button>")

      btn2.click(delline)

      $("#res").append(btn2)

      addline()

      function addline(){

         var n=$(".line").size()+1

         $("#tab").append("<div class=line><div>事件"+n+"<input type=text value=''/></div> <div>备注"+n+"<input type=text value=''/></div></div>")

      }

      function delline(){

         $("#tab .line:last").remove()

      }

   })

})

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/7921419.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存